AI Chat: a complete chat app, in Apps

AI Chat ships as a working Next.js application and as registry blocks: chat, composer, chat shell, assistant panel, share dialog, and a renderer for every part a model streams back. React first; the Figma counterpart ships next.
PreviousNext

AI Chat is a complete chat application built with Next.js, shadcn/ui, and the Vercel AI SDK, and it opens a new section of shadcncraft: Apps.

The app

A working product rather than a parts list: thread history with pinning and inline rename, a command palette, projects, a file library, share links, and an assistant panel that docks the whole chat beside your own app. It streams scripted conversations the moment you clone it and switches to live models with one environment variable.

The showcase page embeds the deployed app itself, so you can try every screen before buying.

The blocks and components

The chat surfaces ship as Pro AI registry blocks: Chat, Composer, Chat Shell, Assistant Panel, and Share Dialog. Under them, seven message renderers install as components of their own: text, reasoning, tool calls, web search, sources, file, and questionnaire parts.

Not a claim about compatibility: the app itself installs its renderers from this registry with the shadcn CLI, in any of the eight styles and five icon libraries.

Browse the chat blocks. Available with Pro React and Pro Figma + React.

Figma ships next

This one lands React first. The Figma counterpart of the AI Chat surfaces is being built and ships soon; when it lands, the kit matches the React version 1:1, the way the rest of the kit does.

SBIOTJ

Join 14,000+ builders shipping with shadcncraft

Design and assemble full pages faster with production-ready blocks built for real products.
  • Production-ready blocks and components
  • Clean React and Tailwind parity
  • Built for SaaS, marketing, and ecommerce teams
Get the design system
Join Now CTA

Real support from the team behind shadcncraft

Get help within 24 hours from the people who build and maintain the system.
Email
Prefer a direct line? Send us a message and we'll get back to you as soon as possible.
Discord
Get quick support, share feedback, or connect with other builders.
Feedback
Got something to say about anything shadcncraft? We'd love to hear it.