Demos
Composed real-feeling pages. Looking for individual primitives? Visit /gallery. Looking for a full page you can install as-is? Visit /blocks.
-
Dashboard
KPIs + charts + DataTable composed on a single page, fetching live GitHub data via TanStack Query.
try: Watch the skeletons resolve into live data; sort the Recent issues table.
-
AI chat
Agent-native UI kit composed: streaming chat thread, thinking state, prompt input, AI output disclosure, and response feedback wired to the issue loop.
try: Send a message — watch the mock token-stream; thumbs-down opens a prefilled GitHub issue.
-
Data island
GitHub issues fetcher with loading, error, and empty states. Cache persisted to IndexedDB.
try: Reload the page — the cache hydrates instantly from IndexedDB before the refetch lands.
-
50,000-row table
DataTable scaled to 50k deterministic rows via TanStack Virtual. Sort, filter, URL state sync.
try: Type in the filter and sort a column — input latency stays under 50 ms.
-
Settings page
Tabbed settings UI composing Select, Switch rows, RadioGroup, Slider, Textarea, Avatar and a Save button with local state.
try: Flip controls and hit Save; state is local and the toast self-dismisses.
-
Backend API
The opt-in self-hosted backend contract (Node/Hono + Flask/Pydantic): contact/newsletter handlers, a token-backed GitHub proxy, feedback→issue, and OpenAPI/Swagger.
try: Static by default — set PUBLIC_API_BASE and the same forms go through the proxy.