ActiveAnimated components1
@stacklyui
Animated components · MIT · data updated 2026-10-10
Animated React components — built with Tailwind CSS and Motion, installable via the shadcn CLI. Copy-paste source you own and can customize.
3danimationbackgroundsbuttonscardsformshooksloadersmedianavigationoverlays
Install
npx shadcn@latest add https://dev.stacklyui.in/r/registry.jsonHealth
StatusActive
Last commit1 week ago
LicenseMIT
Open issues0
ArchivedNo
Stars1
Components (52)
cnuse-reduced-motionuse-in-viewuse-pointer-varsaurora-backgroundspotlight-cardcard-3drevealgradient-textbento-gridanimated-beammarqueemagnetic-buttonnumber-tickerbuttonbadgeinputtextarealabelcardseparatoravatarskeletoncheckboxswitchradio-groupselecttabstooltipaccordiondialogdropdown-menualertalert-dialogpopoverhover-cardcollapsibleaspect-ratioprogressslidercalendartoggletoggle-groupbreadcrumbkbdspinnersheetcomboboxmulti-selectpaginationdate-pickertoast
Components: cn, use-reduced-motion, use-in-view, use-pointer-vars, aurora-background, spotlight-card, card-3d, reveal, gradient-text, bento-grid, animated-beam, marquee, magnetic-button, number-ticker, button, badge, input, textarea, label, card, separator, avatar, skeleton, checkbox, switch, radio-group, select, tabs, tooltip, accordion, dialog, dropdown-menu, alert, alert-dialog, popover, hover-card, collapsible, aspect-ratio, progress, slider, calendar, toggle, toggle-group, breadcrumb, kbd, spinner, sheet, combobox, multi-select, pagination, date-picker, toastPreview
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.