Components

Beautifully animated components you own — Base UI primitives with a motion.dev depth layer.

• Button
  Pressable action with depth motion.
• Toggle
  Two-state button.
• Toggle Group
  Keys rise from a shared well.
• Input
  Field-aware text input.
• Textarea
  Auto-growing entry well.
• Avatar
  Image with fade-in and fallback.
• Separator
  Divider in any orientation.
• Switch
  Thumb springs between states.
• Checkbox
  Mark pops in with a spring.
• Radio Group
  Single-choice with spring dot.
• Slider
  Thumb swells when grabbed.
• Tooltip
  Rises with overlay depth.
• Popover
  Floating panel, overlay depth.
• Preview Card
  Link preview on hover.
• Dialog
  Modal with top-of-stack depth.
• Alert Dialog
  Confirm a destructive action.
• Drawer
  Swipe-to-dismiss bottom sheet.
• Dropdown Menu
  Actions menu, overlay depth.
• Select
  Choose one from a listbox.
• Combobox
  Filterable option picker.
• Context Menu
  Right-click menu.
• Tabs
  Indicator springs to active tab.
• Accordion
  Height-animated sections.
• Collapsible
  Single expandable region.
• Progress
  Eased task-completion fill.
• Meter
  Static measurement in a range.
• Number Field
  Steppers with press depth.
• OTP Field
  One-time-code input.
• Scroll Area
  Fading custom scrollbar.
• Toast
  Bouncy stacked notifications.
• Skeleton
  Pulsing loading placeholder.
• Spinner
  Loading indicator, motion-safe.
• Badge
  Miniature embossed status chip.
• Card
  Raised surface with sections.
• Kbd
  Shortcut as an embossed keycap.
• Message
  Chat row: user key, assistant prose.
• Conversation
  Stick-to-bottom chat viewport.
• Composer
  Prompt well with send and stop.
• Response
  Streaming-safe markdown renderer.
• Code Block
  Highlighted code well with copy.
• Tool
  Agentic step + reasoning disclosure.
• Typing Indicator
  Pre-first-token dots.
• Suggestions
  Scrollable prompt chips.
• Sources
  Grounding + inline citations.
• Chat Timeline
  Grouped, dated history.
• Media Toggle
  Mic/camera/screen call key.
• Voice Visualizer
  Agent-state audio dots.
• Voice Avatar
  Avatar with a speaking halo.
• Device Selector
  Mic/camera/output picker.
• Voice Control Bar
  Call pill that morphs into chat.