Core building blocks for AI apps. High-quality, accessible, and customizable components for AI interfaces.
A component for displaying a chain of thought process with collapsible steps and triggers.
A chatbot component that allows users to chat with an AI model. It uses prompt-kit, shadcn/ui, and AI SDK V5.
A component for creating chat interfaces with intelligent auto-scrolling behavior, designed to provide a smooth and responsive user experience
A component for displaying code snippets with syntax highlighting and customizable styling
A component for creating drag-and-drop file upload interfaces with support for single or multiple files, custom triggers, and visual feedback during file dragging operations.
A component for displaying images from base64 or Uint8Array data, with full accessibility and responsive styling. Perfect for AI-generated or user-uploaded images.
A component for rendering JSX strings as React components, with support for streaming content and automatic tag completion.
A component for displaying a loading indicator with multiple variants and customizable styling
A component for rendering Markdown content with support for code blocks, GFM, and custom styling
A component for displaying chat messages with support for avatars, markdown content, and interactive actions
An input field designed for chat interfaces, allowing users to enter and submit text prompts to an AI model
A component for implementing interactive prompt suggestions in AI interfaces. The PromptSuggestion component offers two distinct modes: Normal Mode and Highlight Mode.
A collapsible component for showing AI reasoning, explanations, or logic. You can control it manually or let it auto-close when the stream ends. Markdown is supported.
A component to simulate streaming text on the client side, perfect for fake responses, or any controlled progressive text display.
A floating button component that appears when users scroll up in a container, allowing them to quickly return to the bottom of the content
Displays website sources used by AI-generated content, showing URL details, titles, and descriptions on hover.
A component for displaying a sequence of operations in a collapsible layout. Each step can include details and an optional vertical bar. Useful for showing AI steps like reasoning traces, tool calls, or process logs.
A banner-style component for surfacing contextual information, warnings, or instructions within AI interfaces.
A component for displaying a shimmer effect on text, perfect for loading states or highlighting text.
A component to display the thinking state of an AI model with optional actions.
Displays tool call details including input, output, status, and errors. Ideal for visualizing AI tool usage in chat UIs.
A chatbot with tool calling feature. It uses prompt-kit, shadcn/ui, and AI SDK V5.