Apps
AI Chat
A complete AI chat application built with Next.js, shadcn/ui, and the Vercel AI SDK.
Thread history, projects, a file library, share links, and an assistant panel that docks beside your own app.
Included in Pro React bundlesNext.js app React Figma coming soon
This is the exact app you download, deployed unmodified in demo mode. Press d inside it to flip the theme. The blocks and renderers inside AI Chat ship with Pro React and Pro Figma + React. See pricing
Demo to production
A working app out of the box
Clone it and it streams demo conversations. Add an API key and the same app talks to real models.
The demo is the real app
Demo conversations stream reasoning, tool calls, citations, and attachments through the same code a live model uses. No setup required.
One variable to go live
Set
AI_GATEWAY_API_KEY and you are talking to Claude, GPT, and Grok through the Vercel AI Gateway. Nothing else changes.Bring your own backend
Storage sits behind one small
ChatStore interface. Point it at your database and the UI never notices.Components
Every kind of reply, designed
Reasoning, tool calls, citations, attachments: each gets its own polished component, loading and error states included.
tsCopy
Streaming markdown
Text stays cleanly formatted while it streams in. Code blocks come highlighted and copyable.
Reasoning
Reasoning
Thinking shows as a collapsible summary while it runs, then tucks away under the answer.
failed
denied
Tool calls
Running, done, failed, and denied: every state has a designed treatment.
3 sources
Web search and citations
Sources merge into one tidy list per answer, with unsafe links filtered out.
Attachments
Files arrive by picker, drag, or paste. Images preview inline in the conversation.
1
2
3
Next
Questionnaire forms
The assistant can ask questions through a multi-step form right inside the chat.
App
More product than chat box
Every screen around the conversation is built too: projects, a file library, sharing, and an assistant mode.
Thread history
Grouped by recency, with pinning, inline rename, and confirm-first deletes.
Command palette
⌘K jumps to any thread, or straight to New chat, Projects, and Library.
Dictation
Speak instead of type, with a live waveform in the composer.
Projects
Group chats under shared instructions and sources.
Library
Every file in one place, linked back to the conversation it came from.
Assistant panel
Docks the same chat beside your own app. One shortcut opens and closes it.
Share links
Share a thread as private, team, or public. The link is one click away.
Accessible by construction
Labeled controls, full keyboard navigation, and screen reader announcements throughout.
Assistant
Or just add the assistant
You do not need the whole app. The assistant panel installs on its own and docks the chat beside the product you already have, opened from an Ask AI button or a shortcut.
View the Assistant Panel blockAsk AI
New chat
Blocks
Ship it whole, or install the blocks
The app is built from these registry blocks. Install any of them into your own app with the shadcn CLI, in any of the eight styles and five icon libraries.
Chat
Message list, composer, and reply components in one block.
Opus 5High
↑
Composer
The prompt input on its own: attachments, model picker, dictation.
Chat Shell
The frame around a chat: sidebar, search, and thread history.
Ask AI
Assistant Panel
The docked chat, as one installable block.
Share Dialog
The sharing flow, ready to drop into any of them.
More apps
Frequently Asked Questions
Yes. They follow shadcn/ui structure and are built for real products.
