Registries
ActiveAnimated components1

@seamui

Animated components · MIT · data updated 2026-07-28

Own-your-code components rebuilt on Base UI with a motion.dev feel layer — springs, touch feedback, and depth — plus an agent-workbench tier (composer, voice, status, connectors) for AI-era interfaces.

accessibilityaianimationaudioauthblocksbuttonscardsdashboardformshooksloadersmarketingmediamobilenavigationoverlaysretrotheming

Install

npx shadcn@latest add https://seamui.dev/r/registry.json

Health

StatusActive
Last commit1 day ago
LicenseMIT
Open issues30
ArchivedNo
Stars1

Components (300)

themeutilsmotionhapticsuse-copybuttontoggletoggle-grouptoolbarcomboboxinputavatarseparatorswitchcheckboxcheckbox-groupradio-groupslidertooltippopoverpreview-carddialogalert-dialogdrawerdropdown-menuselectcontext-menutabsaccordioncollapsibleprogressmeternumber-fieldotp-fieldscroll-areatoasttextareacardbadgeskeletonempty-statespinnerkbdmessageconversationcomposerresponsecode-blocktooltyping-indicatorsuggestionssourceschat-timelinemedia-togglevoice-visualizervoice-avatardevice-selectoragent-statusbranch-chipcontext-meter
Components: theme, utils, motion, haptics, use-copy, button, toggle, toggle-group, toolbar, combobox, input, avatar, separator, switch, checkbox, checkbox-group, radio-group, slider, tooltip, popover, preview-card, dialog, alert-dialog, drawer, dropdown-menu, select, context-menu, tabs, accordion, collapsible, progress, meter, number-field, otp-field, scroll-area, toast, textarea, card, badge, skeleton, empty-state, spinner, kbd, message, conversation, composer, response, code-block, tool, typing-indicator, suggestions, sources, chat-timeline, media-toggle, voice-visualizer, voice-avatar, device-selector, agent-status, branch-chip, context-meter, sidebar, command-palette, model-picker, mode-selector, dictation-card, permission-card, plan-card, terminal-block, checks-panel, connector-card, session-item, workbench-header, button-demo, button-variants, button-sizes, button-loading, button-link, toggle-demo, toggle-group-demo, combobox-demo, combobox-multiple, combobox-clear, combobox-groups, combobox-custom, combobox-invalid, combobox-disabled, input-demo, avatar-demo, separator-demo, switch-demo, checkbox-demo, radio-group-demo, slider-demo, tooltip-demo, popover-demo, preview-card-demo, dialog-demo, alert-dialog-demo, drawer-demo, dropdown-menu-demo, select-demo, context-menu-demo, tabs-demo, accordion-demo, collapsible-demo, progress-demo, meter-demo, number-field-demo, otp-field-demo, scroll-area-demo, toast-demo, textarea-demo, textarea-disabled, textarea-with-button, card-demo, badge-demo, skeleton-demo, spinner-demo, kbd-demo, message-demo, message-actions, message-avatar-fallback, conversation-demo, conversation-scroll-button, composer-demo, composer-streaming, composer-attachments, response-demo, response-streaming, response-code, chat-demo, code-block-demo, code-block-copy, code-block-long-lines, tool-demo, tool-error, reasoning-demo, typing-indicator-demo, typing-indicator-in-message, suggestions-demo, suggestions-with-composer, sources-demo, inline-citation-demo, chat-timeline-demo, chat-timeline-unread, toggle-with-text, toggle-outline, toggle-sizes, toggle-disabled, toggle-group-text, toggle-group-disabled, input-disabled, input-invalid, input-file, switch-disabled, switch-settings, checkbox-indeterminate, checkbox-disabled, checkbox-with-text, radio-group-disabled, radio-group-descriptions, slider-steps, slider-disabled, select-groups, select-disabled, number-field-format, number-field-disabled, otp-field-four, otp-field-disabled, avatar-sizes, avatar-group, tabs-small, tabs-icons, accordion-single, accordion-disabled, separator-label, card-stats, card-notification, progress-labeled, meter-levels, dropdown-menu-checkboxes, dropdown-menu-radio, dropdown-menu-submenu, dropdown-menu-nested, dropdown-menu-shortcuts, media-toggle-demo, media-toggle-custom-icons, voice-visualizer-demo, voice-visualizer-caption, voice-visualizer-bars, voice-visualizer-mic, voice-avatar-demo, voice-avatar-group, voice-avatar-fallback, device-selector-demo, device-selector-split, device-selector-live, voice-control-bar, voice-control-bar-demo, voice-control-bar-expand, voice-widget-demo, dialog-form, dialog-scroll, alert-dialog-discard, alert-dialog-signout, drawer-menu, drawer-form, popover-form, popover-align, tooltip-icon, tooltip-shortcut, context-menu-labelled, context-menu-destructive, preview-card-user, preview-card-image, otp-field-invalid, table, data-table, table-demo, data-table-demo, data-table-sorting, data-table-pagination, data-table-editable, agent-status-demo, agent-status-dots, agent-status-live, branch-chip-demo, branch-chip-sync, branch-chip-pr, context-meter-demo, context-meter-sizes, context-meter-critical, sidebar-demo, sidebar-sessions, sidebar-collapse, session-item-demo, session-item-hover-card, session-item-unread, workbench-header-demo, workbench-shell, command-palette-demo, command-palette-flat, model-picker-demo, model-picker-connection, model-picker-footer, mode-selector-demo, mode-selector-permission, dictation-card-demo, dictation-card-review, permission-card-demo, permission-card-receipts, permission-card-stepper, plan-card-demo, plan-card-progress, terminal-block-demo, terminal-block-states, checks-panel-demo, checks-panel-failure, connector-list-demo, connector-card-states, connector-card-tools, label, field, form, label-demo, label-checkbox, field-demo, field-fieldset, form-demo, alert, breadcrumb, pagination, aspect-ratio, alert-demo, alert-destructive, breadcrumb-demo, breadcrumb-ellipsis, aspect-ratio-demo, field-invalid, field-textarea, field-disabled, form-errors, alert-title-only, pagination-demo, pagination-links, pagination-simple, checkbox-group-demo, checkbox-group-parent, checkbox-group-disabled, empty-state-demo, empty-state-search, empty-state-plain, toolbar-demo, toolbar-input, toolbar-vertical, auth-block, settings-block, team-block, billing-block, notifications-block

Preview

Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.

@seamui · theme

npx shadcn@latest add https://seamui.dev/r/theme.json
View source