StaleFeaturedAnimated components3,777
@animate-ui
Animated components · data updated 2026-07-08
Fully animated open-source React component distribution built with TypeScript, Tailwind CSS, and Motion (formerly Framer Motion). Three component tiers: animated Radix-wrapped primitives (accordion, alert-dialog, checkbox, dialog, dropdown-menu, files, hover-card, popover, progress, radio-group, sheet, sidebar, switch, tabs, toggle, tooltip), Base UI-backed variants of the same set, and custom Animate components (avatar-group, code, code-tabs, cursor, github-stars-wheel, tabs, tooltip). Also includes animated Lucide icons. MCP server available. Free, MIT-licensed. Use for: any React app that wants smooth, physics-based transitions on standard shadcn/ui primitives without writing animation logic manually.
Install
npx shadcn@latest add https://animate-ui.com/r/registry.jsonHealth
StatusStale
Last commit6 months ago
License—
Open issues16
ArchivedNo
Stars3,777
Components (580)
indexcomponents-animate-avatar-groupcomponents-animate-codecomponents-animate-code-tabscomponents-animate-cursorcomponents-animate-github-stars-wheelcomponents-animate-tabscomponents-animate-tooltipcomponents-backgrounds-bubblecomponents-backgrounds-fireworkscomponents-backgrounds-gradientcomponents-backgrounds-gravity-starscomponents-backgrounds-hexagoncomponents-backgrounds-holecomponents-backgrounds-starscomponents-base-accordioncomponents-base-alert-dialogcomponents-base-checkboxcomponents-base-dialogcomponents-base-filescomponents-base-menucomponents-base-popovercomponents-base-preview-cardcomponents-base-preview-link-cardcomponents-base-progresscomponents-base-radiocomponents-base-switchcomponents-base-tabscomponents-base-togglecomponents-base-toggle-groupcomponents-base-tooltipcomponents-buttons-buttoncomponents-buttons-copycomponents-buttons-flipcomponents-buttons-github-starscomponents-buttons-iconcomponents-buttons-liquidcomponents-buttons-ripplecomponents-buttons-theme-togglercomponents-community-flip-cardcomponents-community-management-barcomponents-community-motion-carouselcomponents-community-notification-listcomponents-community-pin-listcomponents-community-playful-todolistcomponents-community-radial-introcomponents-community-radial-menucomponents-community-radial-navcomponents-community-share-buttoncomponents-community-user-presence-avatarcomponents-headless-accordioncomponents-headless-checkboxcomponents-headless-dialogcomponents-headless-popovercomponents-headless-switchcomponents-headless-tabscomponents-radix-accordioncomponents-radix-alert-dialogcomponents-radix-checkboxcomponents-radix-dialog
Components: index, components-animate-avatar-group, components-animate-code, components-animate-code-tabs, components-animate-cursor, components-animate-github-stars-wheel, components-animate-tabs, components-animate-tooltip, components-backgrounds-bubble, components-backgrounds-fireworks, components-backgrounds-gradient, components-backgrounds-gravity-stars, components-backgrounds-hexagon, components-backgrounds-hole, components-backgrounds-stars, components-base-accordion, components-base-alert-dialog, components-base-checkbox, components-base-dialog, components-base-files, components-base-menu, components-base-popover, components-base-preview-card, components-base-preview-link-card, components-base-progress, components-base-radio, components-base-switch, components-base-tabs, components-base-toggle, components-base-toggle-group, components-base-tooltip, components-buttons-button, components-buttons-copy, components-buttons-flip, components-buttons-github-stars, components-buttons-icon, components-buttons-liquid, components-buttons-ripple, components-buttons-theme-toggler, components-community-flip-card, components-community-management-bar, components-community-motion-carousel, components-community-notification-list, components-community-pin-list, components-community-playful-todolist, components-community-radial-intro, components-community-radial-menu, components-community-radial-nav, components-community-share-button, components-community-user-presence-avatar, components-headless-accordion, components-headless-checkbox, components-headless-dialog, components-headless-popover, components-headless-switch, components-headless-tabs, components-radix-accordion, components-radix-alert-dialog, components-radix-checkbox, components-radix-dialog, components-radix-dropdown-menu, components-radix-files, components-radix-hover-card, components-radix-popover, components-radix-preview-link-card, components-radix-progress, components-radix-radio-group, components-radix-sheet, components-radix-sidebar, components-radix-switch, components-radix-tabs, components-radix-toggle, components-radix-toggle-group, components-radix-tooltip, demo-components-animate-avatar-group, demo-components-animate-code, demo-components-animate-code-tabs, demo-components-animate-cursor, demo-components-animate-github-stars-wheel, demo-components-animate-tabs, demo-components-animate-tooltip, demo-components-backgrounds-bubble, demo-components-backgrounds-fireworks, demo-components-backgrounds-fireworks-circle, demo-components-backgrounds-gradient, demo-components-backgrounds-gravity-stars, demo-components-backgrounds-hexagon, demo-components-backgrounds-hole, demo-components-backgrounds-stars, demo-components-base-accordion, demo-components-base-alert-dialog, demo-components-base-checkbox, demo-components-base-dialog, demo-components-base-files, demo-components-base-menu, demo-components-base-menu-checkbox, demo-components-base-menu-radio, demo-components-base-popover, demo-components-base-preview-card, demo-components-base-preview-link-cardPreview
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.