# Chat blocks for shadcn/ui > 151 chat blocks from public shadcn/ui registries, free and paid, with live previews, source code and install commands. - Page, with live previews: https://shadcn.exchange/blocks/chat - 151 blocks, 44 free and 107 paid, from 28 registries. - Search them as JSON: `https://shadcn.exchange/api/catalog?kind=blocks&category=chat&q=`. Add `price=free` for the ones you can install, and `offset=` for the next 24. - With the shadcn CLI, which finds free blocks by their words: `npx shadcn@latest search @shadcn-exchange -q chat` Each block's page answers in Markdown, source included, at its address with `.md` on the end. [The whole site for agents](https://shadcn.exchange/llms.txt). ## Free chat blocks All 44 blocks, best first. Each installs with the command beside it, in a project that has shadcn/ui set up. - [Chat 01 - Modern Chat User Interface by @shadcn-space](https://shadcn.exchange/r/shadcn-space/chat-application-01): A full-featured chat application shell with a searchable conversation list, message thread view, media and attachment sidebar, and a message composer, ideal for building messaging and support applications. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/chat-application-01.json` - [Live Chat With Typing Indicator by @7ovr](https://shadcn.exchange/r/7ovr/ai-chat-3): AI chat that replies live, showing a shimmering typing indicator, suggestion chips, and a textarea composer with keyboard shortcut hints. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/ai-chat-3.json` - [Support Chat Widget by @7ovr](https://shadcn.exchange/r/7ovr/chat-3): Customer support chat widget with an agent header, a system marker, quick-reply chips, and a working composer in a compact help-desk panel. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/chat-3.json` - [Assistant Thread With Timestamps by @7ovr](https://shadcn.exchange/r/7ovr/ai-chat-1): AI assistant chat interface with user and assistant bubbles, avatars, message timestamps, auto-following scroll, and a single-line composer. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/ai-chat-1.json` - [Inbox Messenger Layout by @7ovr](https://shadcn.exchange/r/7ovr/chat-2): Two-pane chat messenger with a selectable conversation list beside the active thread, each conversation keeping its own messages, plus a composer. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/chat-2.json` - [Chat interface testimonial by @ui-layouts](https://shadcn.exchange/r/ui-layouts/chat-interface-testimonial) `npx shadcn@latest add https://shadcn.exchange/r/ui-layouts/chat-interface-testimonial.json` - [Chat Basic by @blocks-so](https://shadcn.exchange/r/blocks-so/chat-01): A chat basic block. `npx shadcn@latest add https://shadcn.exchange/r/blocks-so/chat-01.json` - [Chat With Suggested Prompt Start by @7ovr](https://shadcn.exchange/r/7ovr/ai-chat-2): AI chat opening on a suggested-prompt empty state, then switching to a message thread once a prompt is sent, with a multi-line composer. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/ai-chat-2.json` - [Direct Message Thread by @7ovr](https://shadcn.exchange/r/7ovr/chat-1): One-to-one chat conversation with a contact header, sender-aligned message bubbles, a date marker, auto-follow scrolling, and a working composer. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/chat-1.json` - [Group Chat Panel by @7ovr](https://shadcn.exchange/r/7ovr/chat-4): Group chat conversation with a member avatar stack header, messages from multiple named senders with per-sender avatars, and an online indicator. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/chat-4.json` - [AI Chat 01 by @hirael](https://shadcn.exchange/r/hirael/ai-chat-01): Full chat screen: grouped history sidebar that collapses to a sheet, top bar with model badge, streaming thread, and pinned composer. Ships composable parts. `npx shadcn@latest add https://shadcn.exchange/r/hirael/ai-chat-01.json` - [Chat 02 by @hirael](https://shadcn.exchange/r/hirael/chat-02): Floating support widget with the typical reply time, quick replies, an agent that answers a few topics after a typing indicator, and a rating when the conversation ends. Ships composable parts. `npx shadcn@latest add https://shadcn.exchange/r/hirael/chat-02.json` - [Chat 03 by @hirael](https://shadcn.exchange/r/hirael/chat-03): Team channel with emoji reactions, a pinned message, @mentions in the composer, and replies that open in a side thread with its own composer. Ships composable parts. `npx shadcn@latest add https://shadcn.exchange/r/hirael/chat-03.json` - [Chat 04 by @hirael](https://shadcn.exchange/r/hirael/chat-04): Shared customer inbox with Open, Snoozed and Closed tabs, an assignee filter, internal notes in the composer, saved replies, and snooze and close actions that move conversations between tabs. Ships composable parts. `npx shadcn@latest add https://shadcn.exchange/r/hirael/chat-04.json` - [Chat 01 by @hirael](https://shadcn.exchange/r/hirael/chat-01): Messenger with a searchable conversation list, unread counts that clear when opened, and a thread that sticks to the newest message, with attachments and an emoji picker in the composer. On phones the list and thread become two screens. Sh… `npx shadcn@latest add https://shadcn.exchange/r/hirael/chat-01.json` - [AI chat app by @bjork-ui](https://shadcn.exchange/r/bjork-ui/app-ai-chat): AI chat app is a production-ready blocks component from BJORK UI, packaged for shadcn registries. `npx shadcn@latest add https://shadcn.exchange/r/bjork-ui/app-ai-chat.json` - [AI Chat 2: conversation with artifact panel by @ballmac](https://shadcn.exchange/r/ballmac/ai-chat-2): A chat that builds things: conversation list, streaming replies, suggestion chips and a side panel with Preview and Code tabs, version history, copy and download. The panel overlays the chat on narrow screens. `npx shadcn@latest add https://shadcn.exchange/r/ballmac/ai-chat-2.json` - [Thought Trail: Chat Reasoning by @keyframeui](https://shadcn.exchange/r/keyframeui/thought-trail-chat-demo): A chat reply that thinks first. The message's parts are shaped like the AI SDK's, and each reasoning or tool part becomes a step. The trail folds into "Thought for 9s" as soon as the answer starts streaming below it. `npx shadcn@latest add https://shadcn.exchange/r/keyframeui/thought-trail-chat-demo.json` - [Chat 1: team chat with threads by @ballmac](https://shadcn.exchange/r/ballmac/chat-1): A team chat: channels and direct messages with unread counts and presence, messages grouped by person and day with a New divider, reactions, threads, @mentions that suggest people, and Retry when a message fails to send. `npx shadcn@latest add https://shadcn.exchange/r/ballmac/chat-1.json` - [Chat Welcome by @sortui](https://shadcn.exchange/r/sortui/chat-welcome-01): The empty state of a new chat: a greeting, the prompt input and suggestion buttons that start a conversation in one click. `npx shadcn@latest add https://shadcn.exchange/r/sortui/chat-welcome-01.json` - [Chat Support by @esuiss](https://shadcn.exchange/r/esuiss/chat-support): A support landing section with a floating chat panel, quick-reply suggestions, and a launcher button. `npx shadcn@latest add https://shadcn.exchange/r/esuiss/chat-support.json` - [Chat Conversations by @esuiss](https://shadcn.exchange/r/esuiss/chat-conversations): A messaging app layout with a conversation list beside the selected thread and a message composer. `npx shadcn@latest add https://shadcn.exchange/r/esuiss/chat-conversations.json` - [Chat Thread by @esuiss](https://shadcn.exchange/r/esuiss/chat-thread): A single message thread inside a phone frame, with heart reactions and simulated replies. `npx shadcn@latest add https://shadcn.exchange/r/esuiss/chat-thread.json` - [Scope Chat by @atroui](https://shadcn.exchange/r/atroui/scope-chat): AI scoping chat UI. Wire CONTENT.endpoint (Host API). `npx shadcn@latest add https://shadcn.exchange/r/atroui/scope-chat.json` - [AI Chat by @scrimui](https://shadcn.exchange/r/scrimui/ai-chat): The canonical chat interface — sidebar, streaming messages, prompt input with model selector, and sources. `npx shadcn@latest add https://shadcn.exchange/r/scrimui/ai-chat.json` - [Chat Template by @smoothui](https://shadcn.exchange/r/smoothui/chat-template): Full ChatGPT-style chat surface — sidebar, transcript and composer — wired to a simulated agent so every AI component is on screen. `npx shadcn@latest add https://shadcn.exchange/r/smoothui/chat-template.json` - [Ai chat by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/ai-chat1): Chat home with a sidebar of grouped chat history, a header model menu with copy link and share buttons, a composer with research, image and reasoning toggles, a connect tools row and three starter cards. `npx shadcn@latest add https://shadcn.exchange/r/shadcnuikit/ai-chat1.json` - [Chat Empty State by @spectrumui](https://shadcn.exchange/r/spectrumui/chat-empty-state): A first-run greeting with staggered suggestion chips. `npx shadcn@latest add https://shadcn.exchange/r/spectrumui/chat-empty-state.json` - [AI Chat by @lema-ds](https://shadcn.exchange/r/lema-ds/ds-ai-chat): Chat assistente — ReUI AI Chat 12. `npx shadcn@latest add https://shadcn.exchange/r/lema-ds/ds-ai-chat.json` - [Chat Conversation by @manifest](https://shadcn.exchange/r/manifest/chat-conversation): Full chat conversation component with multiple message types. `npx shadcn@latest add https://shadcn.exchange/r/manifest/chat-conversation.json` - [Imessage Chat Flow by @framecn](https://shadcn.exchange/r/framecn/imessage-chat-flow): Timeline-driven imessage chat flow. `npx shadcn@latest add https://shadcn.exchange/r/framecn/imessage-chat-flow.json` - [List + detail by @quill](https://shadcn.exchange/r/quill/list-detail): An inbox-style split view — a selectable message list beside a detail pane with archive and delete actions. `npx shadcn@latest add https://shadcn.exchange/r/quill/list-detail.json` - [Chat Preview Hero by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-hero-sections-chat-preview-hero): A hero pairing a headline and CTA with a live chat conversation preview. Ideal for messaging, support, or AI assistant products you want to demo. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-hero-sections-chat-preview-hero.json` - [Chat Bot by @uiception](https://shadcn.exchange/r/uiception/chat-bot): Simulated AI chatbot with animated typing, message bubbles, a three-dot thinking indicator, and a looping Q&A exchange. No avatars — pure bubble UI. `npx shadcn@latest add https://shadcn.exchange/r/uiception/chat-bot.json` - [Chat by @1st-pouf](https://shadcn.exchange/r/1st-pouf/chat): An example messaging UI — a conversation list beside a live thread. `npx shadcn@latest add https://shadcn.exchange/r/1st-pouf/chat.json` - [Chat with Model Menu by @blocks-so](https://shadcn.exchange/r/blocks-so/chat-02): A chat with model menu block. `npx shadcn@latest add https://shadcn.exchange/r/blocks-so/chat-02.json` - [Message Bubble by @manifest](https://shadcn.exchange/r/manifest/message-bubble): Chat message bubbles with text, image, voice, and reaction variants. `npx shadcn@latest add https://shadcn.exchange/r/manifest/message-bubble.json` - [Chat Flow by @framecn](https://shadcn.exchange/r/framecn/chat-flow): Timeline-driven chat flow. `npx shadcn@latest add https://shadcn.exchange/r/framecn/chat-flow.json` - [Mail inbox shell by @quill](https://shadcn.exchange/r/quill/mail-shell): A two-pane mail client shell — a searchable message list and a reading pane with toolbar and inline reply. `npx shadcn@latest add https://shadcn.exchange/r/quill/mail-shell.json` - [Feature Chat by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-feature-sections-feature-chat): A feature section styled as a chat thread, pairing message bubbles with copy. Built to show a messaging or support product talking in real conversation. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-feature-sections-feature-chat.json` - [Simple Chatbot by @uiception](https://shadcn.exchange/r/uiception/simple-chatbot): Prompt card with rotating SaaS-style placeholders, light/dark via .dark ancestor, shadcn Button toolbar (add + voice). `npx shadcn@latest add https://shadcn.exchange/r/uiception/simple-chatbot.json` - [Telegram Chat Flow by @framecn](https://shadcn.exchange/r/framecn/telegram-chat-flow): Timeline-driven telegram chat flow. `npx shadcn@latest add https://shadcn.exchange/r/framecn/telegram-chat-flow.json` - [Chat panel by @quill](https://shadcn.exchange/r/quill/chat): A one-on-one messaging panel — contact header, message bubbles, and a composer input. `npx shadcn@latest add https://shadcn.exchange/r/quill/chat.json` - [AI chat by @quill](https://shadcn.exchange/r/quill/ai-chat): A full AI conversation page — past chats on the left, the thread in a readable column with reasoning, source chips and follow-ups, and the composer with the model picker and AI notice pinned to the bottom. `npx shadcn@latest add https://shadcn.exchange/r/quill/ai-chat.json` ## Paid chat blocks The first 60 of 107, best first. Their registries sell these: each installs from its registry once bought. - [AI Chat 04 - Assistant Panel by @shadcn-space](https://shadcn.exchange/r/shadcn-space/ai-chat-04): A docked AI assistant panel that sits alongside your app content at desktop sizes and slides in as a sheet below the lg breakpoint: a header with chat history, new chat, and close actions, a welcome state with suggested prompts, a message… - [Chat Bubble 02 - Assistant Widget with Chat, Bots & Search by @shadcn-space](https://shadcn.exchange/r/shadcn-space/chat-bubble-02): A floating assistant widget with an online teaser card, and an expanded panel with tabs for chatting with suggested prompts, picking an AI model, and searching help content. - [AI Chat 05 - Share Dialog by @shadcn-space](https://shadcn.exchange/r/shadcn-space/ai-chat-05): The sharing flow for an AI chat: a dialog with visibility options (private, team, or public link) and a copy-link row, ready to drop into any chat block. - [AI Chat 03 - Chat Shell by @shadcn-space](https://shadcn.exchange/r/shadcn-space/ai-chat-03): The frame around an AI chat: a collapsible sidebar with pinned and recent chats, rename and delete actions, a command-palette style search dialog, a workspace and account menu, and a topbar. - [Chat Bubble 03 - AI Assistant Panel by @shadcn-space](https://shadcn.exchange/r/shadcn-space/chat-bubble-03): A floating assistant widget with an auto-dismissing greeting toast, and an expanded panel with a home view of quick suggestions and a chat view that replies with topic-specific answers for invoices, orders, support, and recommendations. - [AI Chat 02 - Composer by @shadcn-space](https://shadcn.exchange/r/shadcn-space/ai-chat-02): A standalone AI chat composer with file attachments (drag, drop, and paste), a model picker with effort levels and a thinking toggle, speech-to-text dictation, and a temporary-chat switch. - [AI Chat 01 - Chat by @shadcn-space](https://shadcn.exchange/r/shadcn-space/ai-chat-01): A complete AI chat conversation block with a centered welcome and suggested prompts, a scrollable message thread with assistant and user bubbles, and a composer with attachments and a model picker. - [Chat Bubble 01 - Floating AI Assistant Widget by @shadcn-space](https://shadcn.exchange/r/shadcn-space/chat-bubble-01): A floating chat bubble widget for the corner of any page, with an interactive 3D mascot, a chat tab with composer and simulated replies, and a voice tab with a live call visualizer, mute, and end call controls. - [Assistant Panel 1 – Chat docked beside your app by @shadcncraft](https://shadcn.exchange/r/shadcncraft/assistant-panel-1): For products where the chat is a guest rather than the page: a panel docked to the right, opened from a button in your own header, with a menu of past conversations, rename and delete on the open one, and a way out from inside. It holds it… - [Chat conversation by @aceternity](https://shadcn.exchange/r/aceternity/chat-conversation): Chat Conversation. - [Composer 1 – Prompt input with attachments, model and dictation by @shadcncraft](https://shadcn.exchange/r/shadcncraft/composer-1): The prompt input, and the hardest part of a chat to get right. Files arrive by picker, drag or paste, each reporting its own upload state; a menu switches tools and connectors on for the turn; the model picker carries reasoning effort with… - [Hero with chat input by @aceternity](https://shadcn.exchange/r/aceternity/hero-with-chat-input): Hero with navbar, large chat-style prompt textarea, action bar, and sample work grid. - [Chat 1 – A conversation wired to the AI SDK by @shadcncraft](https://shadcn.exchange/r/shadcncraft/chat-1): A chat that answers the moment it lands on a page, built on the Vercel AI SDK. The message list and the composer come with it, and text, reasoning, tool calls, citations and attachments each get a renderer of their own, so a stream arrives… - [Chat Shell 1 – Thread sidebar with pin, rename, share and delete by @shadcncraft](https://shadcn.exchange/r/shadcncraft/chat-shell-1): The shell around a chat: workspace switcher, new chat, search, thread history grouped by recency with pinned threads on top, and an account menu at the foot. Renaming, pinning, sharing and deleting all work, on demo data you swap for your… - [Share Dialog 1 – Scoped link for a conversation by @shadcncraft](https://shadcn.exchange/r/shadcncraft/share-dialog-1): Publishes a conversation to a link. Picking who can see it is the act of sharing, so there is no second confirm button and the link is one click from the clipboard. Opens from the control you already render, a header button or a row in a t… - [Message Status Demo by @mizzle](https://shadcn.exchange/r/mizzle/message-status-demo): Example usage of Message Status. - [Voice Recorder Demo by @mizzle](https://shadcn.exchange/r/mizzle/voice-recorder-demo): Example usage of Voice Recorder. - [Chat Divider Demo by @mizzle](https://shadcn.exchange/r/mizzle/chat-divider-demo): Example usage of Chat Divider. - [Poll Multiple Demo by @mizzle](https://shadcn.exchange/r/mizzle/poll-multiple-demo): Example usage of Poll. - [Chat Demo by @mizzle](https://shadcn.exchange/r/mizzle/chat-demo): Example usage of Chat. - [Poll Demo by @mizzle](https://shadcn.exchange/r/mizzle/poll-demo): Example usage of Poll. - [Message Demo by @mizzle](https://shadcn.exchange/r/mizzle/message-demo): Example usage of Message. - [Composer Demo by @mizzle](https://shadcn.exchange/r/mizzle/composer-demo): Example usage of Composer. - [Voice Note Demo by @mizzle](https://shadcn.exchange/r/mizzle/voice-note-demo): Example usage of Voice Note. - [Reaction Picker Demo by @mizzle](https://shadcn.exchange/r/mizzle/reaction-picker-demo): Example usage of Reaction Picker. - [Typing Indicator Demo by @mizzle](https://shadcn.exchange/r/mizzle/typing-indicator-demo): Example usage of Typing Indicator. - [AI Prompt Hero with Stats by @beste-ui](https://shadcn.exchange/r/beste-ui/chat18): Landing page hero with a prominent AI prompt input, trust stats bar, and a grid of popular prompt example cards. Designed for AI product homepages. - [Chat UI by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/chat-ui3): Team messenger with chats grouped into Team and Personal, a top tab bar, grouped message bubbles with avatars, an emoji picker and a profile panel with About and Files tabs. - [AI chat welcome screen with prompt starters and a docked composer by @reui](https://shadcn.exchange/r/reui/ai-chat-3): AI assistant welcome screen and zero state: an Empty greeting with live workspace stats, one rail of start and resume rows that fill the composer and attach context, an InputGroup composer with Attachment chips, and a streaming reply with… - [AI Chat 03 - Chat Shell by @shadcn-dashboard](https://shadcn.exchange/r/shadcn-dashboard/ai-chat-03): The frame around an AI chat: a collapsible sidebar with pinned and recent chats, rename and delete actions, a command-palette style search dialog, a workspace and account menu, and a topbar. - [Support Channels Grid by @beste-ui](https://shadcn.exchange/r/beste-ui/chat24): A support section listing four linked contact channels as a hairline matrix, each with an icon tile, its response time, and its hours, beside a soft panel floating a live card for whoever is on shift. - [Ai chat by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/ai-chat9): Chat home with a six item sidebar, a waving greeting, three idea cards that fill the prompt, a composer with an upload and image creation menu, a voice button and five quick prompt chips. - [Docked AI assistant chat panel beside a page with insert into draft by @reui](https://shadcn.exchange/r/reui/ai-chat-2): Sticky right side AI copilot beside a page: streaming thread, grouped Message bubbles, markdown code block, model picker, quick replies, and an Insert action that writes the reply into the document. Sheet on mobile. - [AI Chat 06 - Chat Console by @shadcn-dashboard](https://shadcn.exchange/r/shadcn-dashboard/ai-chat-06): A new-thread landing screen with a mode switcher, suggestion list, a recent-threads history popover, and a full message-thread chat view with a composer that has Think/Search toggles and a model picker. - [Shared Inbox Triage by @beste-ui](https://shadcn.exchange/r/beste-ui/chat26): A shared inbox laid out as hairline rows carrying the member, the subject, an assignee avatar, how long they have waited, and a tone-coded status pill, filtered by status chips with live counts. - [Ai chat by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/ai-chat4): Sales assistant home with a workspace switcher, Sequencing navigation, an onboarding progress card, a lead search bar, a composer with a model select, four quick action chips and three lead and connect cards. - [AI chat welcome screen with scoped sources and structured answers by @reui](https://shadcn.exchange/r/reui/ai-chat-10): Launch surface for a source grounded copilot: a greeting, a framed ask box whose header toggles which files the chat may read, and three starter asks. Replies come back as structured documents, with sortable tables, Shiki highlighted code… - [AI Chat 05 - Share Dialog by @shadcn-dashboard](https://shadcn.exchange/r/shadcn-dashboard/ai-chat-05): The sharing flow for an AI chat: a dialog with visibility options (private, team, or public link) and a copy-link row, ready to drop into any chat block. - [AI Reasoning Steps with Collapsible Thinking by @beste-ui](https://shadcn.exchange/r/beste-ui/chat13): Claude-style thinking and reasoning display with collapsible thought process sections, numbered step indicators, elapsed time badges, and a polished final answer below. - [Ai chat by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/ai-chat6): Legal assistant start page with four task cards that fill the prompt, a composer with a Research, Review and Draft select, and a tray below it for choosing the client, analyzing documents and setting jurisdiction. - [AI chat welcome screen where connected work apps set the answer scope by @reui](https://shadcn.exchange/r/reui/ai-chat-5): A centered new chat screen whose composer sits in a ReUI Frame: the panel is the box you type into and the frame footer is a live integrations strip of Google Drive, Slack, Calendar, Dropbox, OneDrive, Box, Zoom and Loom. Switching a logo… - [AI Chat 01 - Chat by @shadcn-dashboard](https://shadcn.exchange/r/shadcn-dashboard/ai-chat-01): A complete AI chat conversation block with a centered welcome and suggested prompts, a scrollable message thread with assistant and user bubbles, and a composer with attachments and a model picker. - [AI Prompt Starter Grid by @beste-ui](https://shadcn.exchange/r/beste-ui/chat8): Beautiful grid of prompt template cards with icons, categories, and descriptions. Features category tabs for filtering and hover animations. Ideal for chat home screens and prompt libraries. - [Ai chat by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/ai-chat14): Conversation screen with a folder sidebar, collapsible assistant replies with clickable style and font choices, a Thinking shimmer, a prompt library menu, an Improve prompt button and a creativity and web access drawer. - [Corner AI chat popup with history, expand and page context by @reui](https://shadcn.exchange/r/reui/ai-chat-13): An in app assistant launched from a bottom right button: a non modal chat window over the page with starter questions, a streaming thread, chat history, attachable page context, and expand, minimize and end chat controls. - [AI Chat 04 - Assistant Panel by @shadcn-dashboard](https://shadcn.exchange/r/shadcn-dashboard/ai-chat-04): A docked AI assistant panel that sits alongside your app content at desktop sizes and slides in as a sheet below the lg breakpoint: a header with chat history, new chat, and close actions, a welcome state with suggested prompts, a message… - [AI Use Case Tabs by @beste-ui](https://shadcn.exchange/r/beste-ui/chat19): Tabbed showcase section where each tab displays a different AI use case with a prompt and response preview. Demonstrates AI versatility for landing pages. - [Chat UI by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/chat-ui10): Omnichannel CRM chat with channel badges on avatars, tag chips with unread and starred filters, assignee, status and transfer menus, a composer that sends products, and a contact panel with notes. - [Docked voice first assistant panel that answers in a different shape each time by @reui](https://shadcn.exchange/r/reui/ai-chat-8): A floating assistant panel beside any page, driven by voice as readily as typing. Hold the mic and the take lands as a playable turn with a scrubbable transport and its transcription, then the answer arrives in whichever shape the question… - [AI Chat 02 - Composer by @shadcn-dashboard](https://shadcn.exchange/r/shadcn-dashboard/ai-chat-02): A standalone AI chat composer with file attachments (drag, drop, and paste), a model picker with effort levels and a thinking toggle, speech-to-text dictation, and a temporary-chat switch. - [Code Generation Chat with Syntax Highlighting by @beste-ui](https://shadcn.exchange/r/beste-ui/chat7): Developer-focused chat interface with syntax-highlighted code blocks, language badges, copy-to-clipboard buttons, and file name tabs. Optimized for code generation and programming assistance. - [Ai chat by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/ai-chat18): Assistant side panel beside a placeholder page with a thread menu, a reply with source chips, follow up suggestions, a keyboard navigable list of related questions, a model menu and an Improve prompt button. - [Ask AI docs support panel that shows the knowledge base being read by @reui](https://shadcn.exchange/r/reui/ai-chat-12): A support assistant docked to a documentation page as a hideable right sidebar, answering only from the product knowledge base and showing its work while it does. Every question runs a visible retrieval: the search, then each matched artic… - [Side-by-Side AI Model Comparison by @beste-ui](https://shadcn.exchange/r/beste-ui/chat14): Compare responses from two different AI models side by side. Features a shared prompt input, dual response panels with model badges, and rating buttons for each response. - [Chat UI by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/chat-ui9): Video call with a running timer, a pinned speaker above three video tiles, emoji reactions, call controls, a copyable meeting code, and a side panel with settings switches, AI summary and participants. - [Floating right chat sidebar that pushes the page and replies to a quoted sentence by @reui](https://shadcn.exchange/r/reui/ai-chat-4): Reveal and hide a floating AI panel beside any page: select a sentence in an answer to reply to that line, a keyboard suggestion palette, a workspace Personalize toggle, thread switcher, model and mode picker, and a designed thinking indic… - [AI Streaming Response with Live Typing by @beste-ui](https://shadcn.exchange/r/beste-ui/chat5): Simulated streaming AI response with word-by-word typewriter animation, blinking cursor, skeleton loading state, and stop generating button. Demonstrates real-time AI output patterns. - [Ai chat by @shadcnuikit](https://shadcn.exchange/r/shadcnuikit/ai-chat15): Group chat window with member avatars, a video call button group, bubbles with a shared file card and heart reaction, a New divider, a Polish with AI button and a split Send button. - [AI chat stage with framed answer receipts on a live dot field by @reui](https://shadcn.exchange/r/reui/ai-chat-11): A self contained chat surface floating on an animated dot field. Asks stay bubbles while every reply renders as a framed receipt carrying the run behind it, a tool trace, a metric row or a code patch, with model, latency and token cost in… - [Conversation Handover Trail by @beste-ui](https://shadcn.exchange/r/beste-ui/chat28): One member conversation walked through as timestamped hairline rows inside a bordered panel, each naming what happened and either the person who picked it up or the step that ran on its own. For the rest, page through `https://shadcn.exchange/api/catalog?kind=blocks&category=chat&price=paid`. ## Registries with the most chat blocks - [@shadcnuikit](https://shadcn.exchange/r/shadcnuikit): 35 blocks, 1 free and 34 paid - [@beste-ui](https://shadcn.exchange/r/beste-ui): 28 blocks, all paid - [@reui](https://shadcn.exchange/r/reui): 13 blocks, all paid - [@mizzle](https://shadcn.exchange/r/mizzle): 11 blocks, all paid - [@shadcn-space](https://shadcn.exchange/r/shadcn-space): 9 blocks, 1 free and 8 paid - [@7ovr](https://shadcn.exchange/r/7ovr): 7 blocks, all free - [@shadcn-dashboard](https://shadcn.exchange/r/shadcn-dashboard): 6 blocks, all paid - [@hirael](https://shadcn.exchange/r/hirael): 5 blocks, all free - [@shadcncraft](https://shadcn.exchange/r/shadcncraft): 5 blocks, all paid - [@quill](https://shadcn.exchange/r/quill): 4 blocks, all free - [@esuiss](https://shadcn.exchange/r/esuiss): 3 blocks, all free - [@framecn](https://shadcn.exchange/r/framecn): 3 blocks, all free - [@aceternity](https://shadcn.exchange/r/aceternity): 2 blocks, all paid - [@ballmac](https://shadcn.exchange/r/ballmac): 2 blocks, all free - [@blocks-so](https://shadcn.exchange/r/blocks-so): 2 blocks, all free - [@manifest](https://shadcn.exchange/r/manifest): 2 blocks, all free - [@shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks): 2 blocks, all free - [@uiception](https://shadcn.exchange/r/uiception): 2 blocks, all free - [@1st-pouf](https://shadcn.exchange/r/1st-pouf): 1 block, free - [@atroui](https://shadcn.exchange/r/atroui): 1 block, free