Skip to content

Docs Components Blocks Motion

Getting started

Introduction Installation Theming Motion Usage Compatibility Build a chat Apps and PWAs UI for Agents

Components

AI

Aurora Chat Input Chat Bubble Streaming Text Reasoning Tool Call Sources Message Actions Plan Nudge Aura Tile Voice Orb Waveform Prompt Suggestions Thinking Presence

Motion

Motion Text Reveal Text Rotate Number Ticker Marquee

App

Tab Bar Install Prompt Network Status

Actions

Button Badge Button Group Hold Button Copy Button

Forms

Input Textarea Label Checkbox Radio Group Switch Slider Select Combobox Toggle Toggle Group Input OTP Input Group Field Native Select Calendar Range Calendar Date Picker Rating Tags Input Segmented Control

Surfaces

Card Alert Separator Avatar Scroll Area Aspect Ratio Table Empty Item Kbd Carousel Resizable Data Table Timeline

Overlays

Dialog Popover Tooltip Alert Dialog Sheet Drawer Hover Card

Menus

Dropdown Menu Context Menu Menubar Navigation Menu Command

Navigation

Tabs Accordion Collapsible Breadcrumb Pagination Sidebar Stepper Tree Dock

Feedback

Progress Skeleton Spinner Circular Gauge Toast Meter

Number Ticker

Motion

A formatted number whose digits roll into place when the value changes.

Previous Text Rotate Next Marquee