Components

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

init sets up the theme + foundation (once); then add any component below. Prefer shadcn? shadcn add @seamui/<name>.

• Button
  Pressable action with depth motion.
• Toggle
  Two-state button.
• Toggle Group
  Keys rise from a shared well.
• Toolbar
  Roving-focus control strip.
• Input
  Field-aware text input.
• Textarea
  Auto-growing entry well.
• Label
  Accessible label for a control.
• Field
  Label + validation wiring.
• Form
  Consolidated form validation.
• Avatar
  Image with fade-in and fallback.
• Separator
  Divider in any orientation.
• Switch
  Thumb springs between states.
• Checkbox
  Mark pops in with a spring.
• Checkbox Group
  Shared state + select-all.
• 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.
• Aspect Ratio
  Locks content to a ratio.
• Breadcrumb
  Current page's location.
• Pagination
  Active page key in a well.
• Alert
  Persistent inline callout.
• 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.
• Empty State
  Zero-data well with actions.
• Spinner
  Loading indicator, motion-safe.
• Badge
  Miniature embossed status chip.
• Card
  Raised surface with sections.
• Kbd
  Shortcut as an embossed keycap.
• Table
  Styled rows on a raised surface.
• Data Table
  TanStack grid: filter, page, edit.
• 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.
• Agent Status
  The agent-state dot and chip.
• Branch Chip
  Press-to-copy branch pill.
• Context Meter
  Context-window usage ring.
• Sidebar
  Collapsible well of sessions.
• Session Item
  Session row with hover card.
• Workbench Header
  The bar over the thread.
• Command Palette
  ⌘K launcher on Autocomplete.
• Model Picker
  Provider groups + connection dots.
• Mode Selector
  Agent/plan/ask segmented keys.
• Dictation Card
  Editable transcript with ✓/✕.
• Permission Card
  Allow once / session / deny.
• Plan Card
  Approve plans, restore checkpoints.
• Terminal Block
  Command output with live status.
• Checks Panel
  CI list with logs + named merge.
• Connector Card
  Integrations with OAuth states.