AI chat panel
AI & Agents · 10 checks · 46 resources
The assistant surface docked beside the product, which must show its work and stay correctable.
Before you ship
- 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
- AI Elements · Vercel's 47-component shadcn registry for chat, agent, voice and workflow UIsAI Interface KitsS
- assistant-ui · React chat primitives and shadcn-installable UI for LLM apps, copilots, and agentsAI Interface KitsS
- Astryx · Meta's open-source React + StyleX design system, 150+ components and 42 templatesComponent LibrariesS
- HeroUI Pro · Paid React + React Native components, 6 templates, MCP server and agent skillsComponent LibrariesS
- Loading UI · 47 MIT-licensed React loaders, spinners and skeletons via shadcn CLIComponent LibrariesS
- OpenTUI · React, Solid and TypeScript renderers for terminal UIs, on a native Zig coreComponent LibrariesS
- Plate · Slate-based rich-text editor framework with 86 shadcn-installable editor componentsComponent LibrariesS
- React Bits Pro · 703 paid React items in one license-gated shadcn registry: 134 animated components, 538 blocks, 11 templates and an Agent KitComponent LibrariesS
- shadcn/ui · 64 copy-in React components on Radix + Tailwind, installed by CLIComponent LibrariesS
- shadcn/ui (GitHub) · Source monorepo for shadcn/ui: components, CLI, registry schema, skillsComponent LibrariesS
- UI TripleD · 282-item shadcn registry of motion components, sections and full pagesComponent LibrariesS
- UX Patterns for Devs · 92 UX patterns with accessibility rules, an MCP server and llms.txtDesign Systems & Brand GuidelinesS
- 21st.dev · Community shadcn registry: 12,000+ React components, 48 templates, 48 themesComponent LibrariesA
- affectUI · 93 React components, screens, and blocks for AI products, each one dependency-free fileAI Interface KitsA
- AIcss · 14 copy-paste AI-conversation UI components in React, Vue and Svelte, plain CSSAI Interface KitsA
- Antalik React Effects · npm workspaces monorepo shipping border-beam and liquid-gooey React effect packagesMotion & InteractionA
- beUI · 76 React motion components and AI agent UI, installed through a shadcn registryComponent LibrariesA
- beUI · 106-item Motion + Tailwind registry for React, shadcn-compatibleMotion & InteractionA
- Border Beam · React component that draws an animated traveling or breathing glow around any elementMotion & InteractionA
- brainless · Claude Code, Codex and Grok terminal UIs as shadcn componentsAI Interface KitsA
- Carbon Design System · IBM's open-source design system: 44 documented components across five frameworksDesign Systems & Brand GuidelinesA
- Cult UI · 82 free design-engineer components plus 10 paid full-stack AI startersComponent LibrariesA
- ElevenLabs UI · First-party shadcn registry for voice agents: orbs, waveforms, transcriptsAI Interface KitsA
- Extend UI · shadcn registry of PDF, DOCX, XLSX and CSV viewers with bounding-box citationsComponent LibrariesA
- Fluid Functionalism · shadcn registry of 23 components where motion carries state, not decorationComponent LibrariesA
- HextaUI · 103 shadcn registry items: primitives plus AI, auth, billing, settings and team blocksComponent LibrariesA
- Kokonut UI · 45 animated shadcn-CLI components for landing pages, plus 7 paid templatesComponent LibrariesA
- Libraries.dev · Five MIT React effect libraries built for coding agents, each shipping a copy-paste prompt, at about 2M npm downloads a monthMotion & InteractionA
- LiveKit Agents UI · shadcn registry of voice-agent UI: visualizers, control bar, transcriptAI Interface KitsA
- OpenUI · MIT generative-UI framework: streaming UI language, component library, chat shellAI Interface KitsA
- SmoothUI · 130 animated React components including 33 text effects and 16 shader transitionsMotion & InteractionA
- Spectrum UI · 255 shadcn registry items, 62 component guides, 34 blocks and an MCP installerComponent LibrariesA
- termcn · Terminal UI components for React, installed with the shadcn CLI, on Ink and OpenTUIComponent LibrariesA
- Thinking Orbs · React canvas loading orb with nine agent states, two sizes and automatic dark/lightAI Interface KitsA
- Thinking Orbs · React canvas loading orb with 9 named agent states and two sizesAI Interface KitsA
- unlumen UI · Freemium shadcn registry of Motion-driven React componentsComponent LibrariesA
- AI Tools Registry · shadcn-CLI registry of 15 Vercel AI SDK tools with matching React renderersAI Interface KitsB
- AICSS · 14 copy-paste agent-chat components in React, Vue and Svelte with plain CSS, 9 freeAI Interface KitsB
- Algolia SiteSearch · Five drop-in Algolia search and Ask AI experiences as shadcn registry blocksComponent LibrariesB
- Beautiful UI · 20 MIT interaction patterns for agent UIs: thinking, streaming, approvals, diffsAI Interface KitsB
- BoardUI · React 19 and Tailwind v4 components for dashboards and agent interfaces, with an MIT free tier and paid Pro catalogComponent LibrariesB
- Manifest UI · 39 MIT shadcn blocks sized for ChatGPT Apps and MCP app surfacesAI Interface KitsB
- nauvalazhar/ai · 48 owned-source React components for agentic AI apps, on Base UI + Tailwind v4AI Interface KitsB
- Reverse UI · 68 animated React components built on Framer Motion, sold as a lifetime licenceMotion & InteractionB
- Shoogle · Search engine across 277 shadcn registries, with an MCP and CLI namespaceAgent Design ToolingB
- Soft Club UI · 118 Radix-based React components in a late-90s dark-glass aestheticComponent LibrariesB