The Foundation for your Design System
A set of beautifully designed components that you can customize, extend, and build on. Start here then make it your own. Open Source. Open Code.
Prompt Input Component
A versatile input component for AI prompts with attachment support.
Variants & Shape
Variants control styling (default, outline, ghost, none). Shape controls border-radius (default, pill).
Default
Balanced border and background for most chat interfaces.
Outline
High-contrast outline that stands out in dense layouts.
Ghost
Minimal chrome that blends into cards or sidebars.
Pill (Shape)
Fully rounded pill for floating or docked composers. Uses shape prop.
Sizes
Showcase every size option — from the toolbar-friendly `sm` to the multi-line `lg` composer.
Small
Compact, single-line optimized input for toolbars.
Default
The balanced size for most workflows.
Large
Multi-line composer perfect for detailed prompts.
Custom Layouts
Examples that highlight stacked headers, inline buttons, providers, and toolbar composition.
Creative Brief Workspace
Outline variant with stacked footer controls and minimal, user-styled chips.
Provider Controlled Pill
State lives in PromptInputProvider so presets or mic buttons can update the textarea.