Chat
Chat components: compare
Every Chat component side by side: whether it follows the theme or stays dark, how many parts and custom props it has, and whether it is free. Open one for its preview, API and install.
Compare
| Component | Theme | Parts | Custom props | Access |
|---|---|---|---|---|
| Chat Code Block | Light and dark | 1 | 4 | Free |
| Chat Composer | Light and dark | 1 | 7 | Free |
| Chat Conversation | Light and dark | 6 | 4 | Free |
| Chat Dock | Light and dark | 5 | 9 | Licensed |
| Chat Inline Component Card | Light and dark | 1 | 5 | Licensed |
| Chat Message | Light and dark | 1 | 1 | Free |
| Chat Response | Light and dark | 1 | 3 | Free |
| Suggest Field | Light and dark | 1 | 10 | Licensed |
| Voice Orb | Light and dark | 1 | 7 | Licensed |
All Chat components
9 components, A to Z.
Chat Code BlockFreeFenced code surface for chat replies, pinned dark in both modes, with a language label and copy button. Lazy-loads Shiki for highlighting and waits until a streamed fence closes.
Chat ComposerFreeChat message form with an auto-growing textarea that stops at a fixed height and scrolls, and a send button that turns into stop while a reply streams. Enter sends, Shift+Enter adds a line.
Chat ConversationFreeScrolling chat transcript built on Message Scroller: a polite live log that follows the streaming edge, with turn, attribution, pulsing cursor and shimmering status parts.
Chat DockLicensedFloating chat launcher that opens a docked panel built on Base UI Dialog, pinned to the viewport or a container, with optional scrim and header, body and footer parts.
Chat Inline Component CardLicensedFrame for a live registry component inside a chat reply: a mono caption with category, name and open link over a scaled-down preview. Includes helpers for [[name]] citations.
Chat MessageFreeA single chat turn: the user's message in a muted bubble aligned to the end, the assistant's as bare text at the start. Built on Message and Bubble.
Chat ResponseFreeRenders an assistant's streamed text, splitting fenced code into Chat Code Blocks and setting inline backtick code in mono, with a slot for a cursor at the end.
Suggest FieldLicensedTextarea with inline completion: a ghost suggestion follows the text, Tab accepts and Esc dismisses, and a Suggest button turns into Accept beside Dismiss. The caller supplies the suggestion.
Voice OrbLicensedPainted CSS orb for voice agents, a cobalt tide rising into scarlet that breathes faster across idle, listening and speaking states. Decorative and reduced-motion aware.
Thermal Button
A dark mono-label button built on motion that heats on hover, flashes to ember on press and greys to ash when a Thermal Provider reports depletion. Pulse respects reduced motion.
Chat Code Block
Fenced code surface for chat replies, pinned dark in both modes, with a language label and copy button. Lazy-loads Shiki for highlighting and waits until a streamed fence closes.