Examples
99 working examples with sample data, in 12 categories. Pick one to see its components live; the docs have install steps, props and code for each. Every component takes plain data, so it works with any model driver.
Chat coreThreads, messages, tool calls, reasoning and the composer.18 examplesAgent workPlans, approvals, diffs, blast radius and runs.24 examplesShell and teamThe app shell, sign-in, members and access.9 examplesKnowledge and agentsKnowledge sources and agent settings.7 examplesData and reportsTables, charts and reports.9 examplesAdmin and opsAdmin, ops, usage, billing and evals.6 examplesMore screensReplies, accounts and controls.10 examplesAdaptersThe same chat on the Vercel AI SDK, the Claude Agent SDK and AG-UI.3 examplesAgent UIUI an agent ships, rendered inside your app.2 examplesFoundationsColour, type and motion, as shadcn variables.3 examplesPrimitivesThe stock shadcn components, restyled.2 examplesBuilding blocksThe small parts every agent screen is made of.6 examples