AI Interface Kits

20 resources · 2 subcategories

Components made specifically for agent and chat surfaces — message streams, tool calls, thinking states, voice orbs, and audio waveforms.

Chat & Agent Components17Agent State Indicators3

For an agent. Look here when you are building the UI of an AI product itself: chat threads, streaming text, tool-call cards, agent status indicators, or an AI app shell.

Best in classAI Elements47Vercel's 47-component shadcn registry for chat, agent, voice and workflow UIsAI Interface KitsComponent LibraryRegistry
Best in classassistant-ui46React chat primitives and shadcn-installable UI for LLM apps, copilots, and agentsAI Interface KitsComponent LibraryPrimitive
Strong pickaffectUI4193 React components, screens, and blocks for AI products, each one dependency-free fileAI Interface KitsComponent LibraryRegistry
Strong pickAIcss1414 copy-paste AI-conversation UI components in React, Vue and Svelte, plain CSSAI Interface KitsComponent LibraryRegistry
Strong pickbrainless40Claude Code, Codex and Grok terminal UIs as shadcn componentsAI Interface KitsRegistryComponent Library
Strong pickElevenLabs UI62First-party shadcn registry for voice agents: orbs, waveforms, transcriptsAI Interface KitsComponent LibraryRegistry
Strong pickLiveKit Agents UI13shadcn registry of voice-agent UI: visualizers, control bar, transcriptAI Interface KitsComponent LibraryRegistry
Strong pickOpenUI49MIT generative-UI framework: streaming UI language, component library, chat shellAI Interface KitsComponent LibraryTool
Strong pickThinking Orbs1React canvas loading orb with nine agent states, two sizes and automatic dark/lightAI Interface KitsComponent LibraryAnimation Library
Strong pickThinking Orbs1React canvas loading orb with 9 named agent states and two sizesAI Interface KitsPrimitiveAnimation Library
AI Tools Registry15shadcn-CLI registry of 15 Vercel AI SDK tools with matching React renderersAI Interface KitsRegistryAI Tool
AICSS1414 copy-paste agent-chat components in React, Vue and Svelte with plain CSS, 9 freeAI Interface KitsComponent LibraryBlock Collection
Beautiful UI2020 MIT interaction patterns for agent UIs: thinking, streaming, approvals, diffsAI Interface KitsComponent LibraryBlock Collection
CossistantOpen-source AI and human support widget framework for React and Next.js appsAI Interface KitsComponent Library
Halaska UISingle-file React UI kit for AI products on shadcn/uiAI Interface KitsComponent LibraryTemplate
Manifest UI3939 MIT shadcn blocks sized for ChatGPT Apps and MCP app surfacesAI Interface KitsBlock CollectionRegistry
nauvalazhar/ai4848 owned-source React components for agentic AI apps, on Base UI + Tailwind v4AI Interface KitsComponent LibraryRegistry
OrbkitA React library of animated orbs for AI and voice statesAI Interface KitsComponent Library
Oreo DesignA waitlist page for a UI library aimed at AI agents, with no components shipped as of 2026-08-30AI Interface KitsComponent LibraryReference
Prompt KitA collection of React components for AI interfacesAI Interface KitsComponent Library

All 20 shown