Motion Primitives
34 MIT motion components for React, installed one at a time by shadcn CLI
Motion Primitives by Julien Thibeaut (ibelick) is a free component kit for animated interface parts, built on Motion (Framer Motion) and Tailwind. The open-source set is 34 components: dock, morphing dialog, morphing popover, spotlight, border trail, glow effect, magnetic, tilt, cursor, in-view, infinite slider, progressive blur, scroll progress, animated number, sliding number, image comparison, transition panel, dynamic and expandable toolbars, and a full family of text animations (text-effect, text-loop, text-morph, text-roll, text-scramble, text-shimmer, text-shimmer-wave, spinning-text). A paid Pro tier adds 50+ marketing sections and full templates.
npx shadcn@latest add "https://motion-primitives.com/c/dock.json"Use this for the one or two moments in a page that need to feel crafted — a macOS-style dock, a morphing dialog that grows out of its trigger card, a scrambling headline — not as a general component library, because it has no forms, tables or navigation. It composes cleanly with shadcn/ui since each install is a single self-contained file under components/motion-primitives, but every component is a client component pulling in motion, so keep them off server-rendered shells and out of long lists. The site sits behind a Vercel bot checkpoint, so read the component source from the GitHub repo rather than trying to scrape the docs.
Why it is here. The most-copied free motion kit in the shadcn ecosystem, and the reference implementation for morphing dialogs and text effects that dozens of other kits re-derive.
- 34 MIT components
- morphing dialog and morphing popover
- eight text-animation components
- macOS-style dock
- per-component shadcn install
Verified 2026-08-15. HTTP 403. https://www.motion-primitives.com (WebFetch 403, curl 429 Vercel Security Checkpoint), https://motion-primitives.com/docs (blocked), https://pro.motion-primitives.com (fetched), GitHub API repos/ibelick/motion-primitives plus full file tree for components/core (34 files) and components/website/installation-cli.tsx for the exact install command
