Skip to content
Index730 resources
Motion Primitives

Motion Primitives

34 MIT motion components for React, installed one at a time by shadcn CLI

Tier A · StrongAnimation LibraryComponent LibraryRegistrymotion-primitives.com

(Visit motion-primitives.com ↗)(Docs)(Repository)
Preview image from motion-primitives.com

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.

Install
npx shadcn@latest add "https://motion-primitives.com/c/dock.json"

For an agent

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.

Install command, framework, licence and component list.

Facts

License
MIT, Commercial license
Pricing
Freemium, One-time purchase, Open source
Framework
React, Next.js
Styling
Tailwind CSS, CSS custom properties
Distribution
shadcn registry, CLI installer, Copy-paste snippet, GitHub repository
Platform
Web
Content type
Code
Agent readiness
CLI installable, Copy-paste ready code, Readable open source, Blocks bots
Accessibility
Unknown
Maturity
Stable
Pricing detail
Free tier is MIT. Motion Primitives Pro: Individual License $149 one-time (list $299), perpetual, lifetime updates, commercial use, 50+ sections plus templates.
GitHub stars
5,976

Components it ships

34 total
AccordionCarouselDialogPopoverCollapsibleDockToolbarCustom CursorCount UpScroll RevealMarqueeText EffectTypewriter TextShimmerHover EffectTransitionAnimationProgress BarImage

Helps you build

8
HomepageFeaturesPricing WebsiteTestimonialsFaqAboutTeamBlog

Templates

2

Notable for

  • 34 MIT components
  • morphing dialog and morphing popover
  • eight text-animation components
  • macOS-style dock
  • per-component shadcn install

Provenance

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

Also in Motion & Interaction

6
motion-primitives.comTier A