sh4dcn
Registries
StaleFeaturedAnimated componentspro available5,655

@motion-primitives

Animated components · MIT · data updated 2026-09-21

Motion Primitives is a curated open-source library of beautifully designed, easy-to-integrate motion components built with Motion (formerly Framer Motion) and Tailwind CSS, distributed via shadcn CLI. The components directory ships primitives focused purely on animation and transition behaviors — including Blur Fade, animated transitions, gestures, and layout effects — rather than full UI widgets. Designed as a complement to shadcn/ui, not a replacement. MIT licensed; actively developed with regular new component releases. Use for: layering production-quality entrance animations, shared layout transitions, and gesture-driven interactions onto components that already exist in a shadcn/ui project.

WebsiteDocsGitHubComponents folderProAgent brief (.md)
@motion-primitives preview
aestheticanimationbackgroundsdesign-systemformshooksloadersmedianavigationoverlayspro-availabletext-effects

Install

npx shadcn@latest add https://motion-primitives.com/c/registry.json

Health

StatusStale
Last commit6 months ago
LicenseMIT
Open issues34
ArchivedNo
Stars5,655

Components (33)

accordionanimated-backgroundanimated-groupanimated-numberborder-trailcarouselcursordialogdisclosurein-viewinfinite-slidertransition-paneltext-effecttext-looptext-morphtext-rolltext-scrambletext-shimmertext-shimmer-wavemagneticmorphing-dialogmorphing-popoverdockglow-effectimage-comparisontoolbar-dynamictoolbar-expandableprogressive-blurscroll-progresssliding-numberspotlightspinning-texttilt
Components: accordion, animated-background, animated-group, animated-number, border-trail, carousel, cursor, dialog, disclosure, in-view, infinite-slider, transition-panel, text-effect, text-loop, text-morph, text-roll, text-scramble, text-shimmer, text-shimmer-wave, magnetic, morphing-dialog, morphing-popover, dock, glow-effect, image-comparison, toolbar-dynamic, toolbar-expandable, progressive-blur, scroll-progress, sliding-number, spotlight, spinning-text, tilt

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.

@motion-primitives · accordion

npx shadcn@latest add https://motion-primitives.com/c/accordion.json
View source