About Shadcn AI Chat Blocks
AI chat blocks are shadcn blocks for assistant and chatbot screens: chat homes with history sidebars, centered composers, model pickers, suggestion chips, conversations with thinking states and assistant panels that sit next to your app. They are built with React and TypeScript using shadcn/ui sidebars, dropdown menus, popovers, items and cards together with AI Elements components such as Prompt Input, Attachments, Conversation, Suggestion and Shimmer, styled with Tailwind CSS.
Every block works like a real chat app. Type a prompt and send it with Enter, attach files and remove them from the composer, pick a model, switch writing styles or research modes, click a starter card to fill the prompt and watch a reply arrive after a short thinking state. On small screens the sidebar opens as a sheet and the composer stays pinned to the bottom.
Chats, models and prompts live in plain arrays at the top of each block. Connect the composer to the AI SDK useChat hook or your own API and keep the same layout in your Next.js or React app.
