Full-stack shadcn/ui components that go beyond UI. Add auth, monetization, uploads, and AI to your app in seconds.
AI coding agents, IDEs, and copilots
AgentMail logo with icon variant and dark/light modes
Display and optionally edit agent context data with type indicators, nested object support, and collapsible sections. Visualizes user/team context for AI agents.
Display a directory of AI agents with status indicators, match patterns, and selection support. Supports grid and list layouts for multi-agent orchestration UIs.
Display current agent handling a request with status indicators, animated pulse for active states, and handoff visualization for multi-agent workflows.
Interactive 3D badge component with Atropos effect, customizable branding, QR code, and AI avatar support
Visualize AI reasoning steps with search results and images for step-by-step thinking display.
Main chat container with header, body, and footer sections for building AI chat interfaces
Expandable chat input with send button, file attachments, and keyboard shortcuts
Human-in-the-loop tool approval workflow with accept/reject states for agentic AI applications.
Visualize branching conversations with a tree structure. Shows node types (user, assistant, system, tool), expandable branches, active path highlighting, and click-to-navigate functionality.
Display content moderation and safety check results with blocked/modified/approved states, before/after comparison, and override actions for AI safety workflows.
Visualize agent transition breadcrumbs showing the chain of agents with arrows, active agent highlighting, and clickable nodes for handoff details.
Response time visualization with TTFB and total duration display, color-coded performance indicators, animated progress bar, and compact/expanded variants.
Display and manage working memory and conversation history with source badges, timestamps, search/filter, and add/remove functionality for agent memory systems.
Display AI model metadata including provider, context window, capabilities badges (vision, tools, streaming, JSON, functions), pricing info, and release date. Supports multiple providers with themed colors.
A functional AI model selector with provider logos and popular models from Vercel AI Gateway. Features searchable combobox, provider icons, and model grouping.
Multi-stage workflow visualization with horizontal or vertical layout, stage status indicators, progress tracking, and expandable stage details.
Compare system prompts with side-by-side or unified diff views. Shows added/removed line highlighting, line numbers, and copy buttons. Essential for prompt engineering and version tracking.
Collapsible reasoning content with streaming awareness for DeepSeek R1-style thinking visualization.
Display raw AI request/response data with collapsible sections, JSON syntax highlighting, copy buttons, and status code badges for debugging API calls.
Visualize real-time message routing with pattern matching highlights, target agent display, confidence scores, and animated routing states for multi-agent systems.
Major AI service providers and LLM platforms
Collapsible citations viewer with favicons, source links, and snippets for RAG/search results display.
Real-time streaming chunk visualization for AI responses with auto-scroll, pause/resume, chunk type indicators, and timestamps for debugging SSE streams.
Display AI workflow progress with task status indicators, file references, and progress tracking.
Token usage visualization with input/output/total counts, cost estimation for popular models, and interactive token breakdown with hover-to-inspect boundaries.
Display AI tool/function invocations with status indicators, input/output visualization, and collapsible interface for MCP and function calling workflows.
Debug panel for inspecting AI tool executions with timing, status indicators, and expandable JSON input/output views. Perfect for debugging MCP tools, function calls, and agent actions.
Complete sound effects collection: 17 CC0-licensed sounds for transitions, UI, and cinematic use.