AI Agent UI Kit: 15 React Components for shadcn/ui
Fifteen React components for chat and agent products, as shadcn/ui registry items you add with one command. The tool-call trace and the approval card, the two screens every agent product needs, with the streaming reply, reasoning, the plan, sources and citations, attachments, feedback, errors and retry, the empty state, the composer with its slash commands and a code block. Each in all its states, drawn with your shadcn/ui theme in light and dark, WCAG AA. Tailwind CSS 4, React 19, TypeScript, and the demo app the pictures come from.
$12
One payment. The files are yours to download right away.
- Instant downloadIn your account the moment the payment goes through, with the receipt by email.
- Personal and commercial useOne license for one person, in your own work and your clients'. The files themselves are not shared or resold.
- Includes
- 15 React components
- Formats
- shadcn registry items (.json), React and TypeScript source (.tsx)
- Download
- 71 files in one zip, 0.2 MB
- Works with
- React 19, Tailwind CSS 4, shadcn/ui, light and dark
- Category
- Components
- Released
- 20 Oct 2026
- License
- Personal and commercial use
Tool-call traceApproval cardStreaming messageMessage threadUser messageSources and citationsReasoningAttachmentsFeedbackError and retryEmpty stateSlash-command menuComposerCode blockAgent plan
Where to use it
Chat products
Assistants and support bots: the thread, the reply as it streams, its sources and its feedback.
Agent consoles
Runs that call tools and ask before they act: the trace, the approval card, the plan.
Copilots in your app
A panel beside your dashboard or editor, drawn with the shadcn/ui your app already has.
Your own version
The source lands in your project: every class, word and state is yours to change.
