Animlets
registry.directory/lukemeno/animlets
Eight animated shadcn/ui components built on Motion, each with a reduced-motion fallback and a one-command install.
npx shadcn@latest add https://raw.githubusercontent.com/lukemeno/animlets/main/public/r/fade-in.json
# works for any of the 8 items in this registry
Featured
fade-in
A Motion wrapper that fades its children in and skips that animation when the user prefers reduced motion.
hold-to-confirm
A destructive button that confirms after a press-and-hold, with a one-action alternative for people who cannot hold, and a countdown instead of a moving fill when reduced motion is requested.
number-ticker
A spring count for a KPI that keeps tabular figures, announces the final value once, and shows that value immediately when reduced motion is requested.
copy-button
Copies text to the clipboard and morphs the icon to a check or an error mark. The swap is instant when reduced motion is requested.
animated-tabs
Tabs with a shared sliding indicator. Keyboard behavior comes from Radix Tabs.
success-check
Draws a checkmark for a saved form or a finished step and exposes the confirmation as a status message.