AI chat panel
The assistant surface docked beside the product, which must show its work and stay correctable.
AI & Agents · 10 checks · 43 resources
Before you ship
10- 01Streaming response with a stop control — the user can interrupt generation mid-token without losing what has already streamed
- 02Attached context made visible — which document, selection, file or record the assistant can currently see, and a way to remove any of it
- 03Citations or source links on factual claims — resolvable to the underlying record, not free-floating assertions
- 04Regenerate and edit-last-message — a retry path that does not require re-typing the prompt
- 05Copy and insert actions on each response — copy as markdown, and insert directly into the document where that applies
- 06Per-message feedback — thumbs up/down with an optional reason, routed somewhere a human reads
- 07Conversation history — past threads listed, renameable, deletable, and scoped to the current workspace
- 08Model or mode disclosure — which model or reasoning mode produced the answer, where the product offers a choice
- 09Error and refusal states that name the cause — context length exceeded, rate limited, content policy, or upstream failure
- 10Data handling statement reachable in one click — whether conversations train models or are retained, and for how long
Resources that help you build this
43- AI Elements · Vercel's 47-component shadcn registry for chat, agent, voice and workflow UIs
- assistant-ui · React chat primitives and shadcn-installable UI for LLM apps, copilots, and agents
- Astryx · Meta's open-source React + StyleX design system, 150+ components and 42 templates
- HeroUI Pro · Paid React + React Native components, 6 templates, MCP server and agent skills
- Loading UI · 47 MIT-licensed React loaders, spinners and skeletons via shadcn CLI
- OpenTUI · React, Solid and TypeScript renderers for terminal UIs, on a native Zig core
- Plate · Slate-based rich-text editor framework with 86 shadcn-installable editor components
- React Bits Pro · 703 paid React items in one license-gated shadcn registry: 134 animated components, 538 blocks, 11 templates and an Agent Kit
- shadcn/ui · 64 copy-in React components on Radix + Tailwind, installed by CLI
- shadcn/ui (GitHub) · Source monorepo for shadcn/ui: components, CLI, registry schema, skills
- UI TripleD · 282-item shadcn registry of motion components, sections and full pages
- UX Patterns for Devs · 92 UX patterns with accessibility rules, an MCP server and llms.txt
- 21st.dev · Community shadcn registry: 12,000+ React components, 48 templates, 48 themes
- AIcss · 14 copy-paste AI-conversation UI components in React, Vue and Svelte, plain CSS
- Antalik React Effects · npm workspaces monorepo shipping border-beam and liquid-gooey React effect packages
- beUI · 76 React motion components and AI agent UI, installed through a shadcn registry
- beUI · 106-item Motion + Tailwind registry for React, shadcn-compatible
- Border Beam · React component that draws an animated traveling or breathing glow around any element
- brainless · Claude Code, Codex and Grok terminal UIs as shadcn components
- Carbon Design System · IBM's open-source design system: 44 documented components across five frameworks
- Cult UI · 82 free design-engineer components plus 10 paid full-stack AI starters
- ElevenLabs UI · First-party shadcn registry for voice agents: orbs, waveforms, transcripts
- Extend UI · shadcn registry of PDF, DOCX, XLSX and CSV viewers with bounding-box citations
- Fluid Functionalism · shadcn registry of 23 components where motion carries state, not decoration
- HextaUI · 103 shadcn registry items: primitives plus AI, auth, billing, settings and team blocks
- Kokonut UI · 45 animated shadcn-CLI components for landing pages, plus 7 paid templates
- LiveKit Agents UI · shadcn registry of voice-agent UI: visualizers, control bar, transcript
- OpenUI · MIT generative-UI framework: streaming UI language, component library, chat shell
- SmoothUI · 130 animated React components including 33 text effects and 16 shader transitions
- termcn · Terminal UI components for React, installed with the shadcn CLI, on Ink and OpenTUI
- Thinking Orbs · React canvas loading orb with nine agent states, two sizes and automatic dark/light
- Thinking Orbs · React canvas loading orb with 9 named agent states and two sizes
- unlumen UI · Freemium shadcn registry of Motion-driven React components
- AI Tools Registry · shadcn-CLI registry of 15 Vercel AI SDK tools with matching React renderers
- AICSS · 14 copy-paste agent-chat components in React, Vue and Svelte with plain CSS, 9 free
- Algolia SiteSearch · Five drop-in Algolia search and Ask AI experiences as shadcn registry blocks
- Beautiful UI · 20 MIT interaction patterns for agent UIs: thinking, streaming, approvals, diffs
- BoardUI · React 19 + Tailwind v4 design system for dashboards and agent UIs — 57 components, 47 of them free through a shadcn-schema registry
- Manifest UI · 39 MIT shadcn blocks sized for ChatGPT Apps and MCP app surfaces
- nauvalazhar/ai · 48 owned-source React components for agentic AI apps, on Base UI + Tailwind v4
- Reverse UI · 68 animated React components built on Framer Motion, sold as a lifetime licence
- Shoogle · Search engine across 277 shadcn registries, with an MCP and CLI namespace
- Soft Club UI · 118 Radix-based React components in a late-90s dark-glass aesthetic