Motion Primitives alternative
Looking for an alternative to Motion Primitives? Here's an honest profile of what Motion Primitives does well, where it stops short, and when a GSAP-based, multi-framework library like Annnimate is the better fit, and when it isn't.
Updated September 6, 2026
Where it lands
Choose Annnimate if you need Vue or HTML as well as React, want GSAP's scroll and timeline depth, or want a catalog that is actively maintained with one tuning contract across every piece. Motion Primitives is the right call if you're React-only, already on Motion, and its text effects and morphing dialog are what you're after, the free core is genuinely good.
What Motion Primitives ships
Motion Primitives is a free, open-source library of animated React components built on Motion (formerly Framer Motion) and Tailwind CSS, by developer Ibelick. It leans into a specific style: text effects, macOS-style docks, morphing dialogs and popovers, spotlight and tilt effects, cursor-follow interactions. Install by copy-pasting the source or pulling components through a shadcn-style CLI registry.
- Framework support: React and Next.js only
- Engine: Motion (formerly Framer Motion) plus Tailwind CSS
- Component count: 33 components in the free core (as of 2026-09); Pro adds 50+ components and sections plus one landing page template
- Pricing: free core, MIT licensed; Pro is a one-time $299 payment ($149 discounted as of 2026-09) for a perpetual, commercial-use license
- GitHub: 6.2k stars, 250 forks (as of 2026-09)
What Motion Primitives does well
- Free, open-source core with no cost to start, MIT licensed
- A genuinely distinctive component set: morphing dialog/popover, spotlight, tilt, dock, and a deep bench of text effects (text-loop, text-morph, text-roll, text-scramble, text-shimmer) that most catalogs don't cover
- Copy-paste or CLI install, shadcn-style registry, no extra abstraction layer to learn
- Built directly on Motion, so it drops straight into a React codebase that already uses Motion for other animation
- Pro tier is a one-time perpetual purchase rather than a subscription, which is buyer-friendly for a premium template pack
Where Motion Primitives stops short
- React and Next.js only, no Vue, no plain HTML/CSS/JS output
- Tied to Motion as the engine, so it doesn't reach GSAP's timeline and ScrollTrigger depth for multi-step, scroll-orchestrated sequences
- The GitHub repo hasn't had a code push since March 2026 (per the repo's own pushed_at date), and several open issues from real users sit unresolved as of September 2026: hydration errors in MorphingDialog (#166, #167), broken Spotlight examples (#175), and a broken lint/build script (#184)
- The project describes itself as "in beta" in its own README, so components and APIs can still change between updates
- The free core covers 33 components; the remaining components pitched as part of the "50+" count sit behind the $299 Pro tier
When Annnimate is the better pick
Annnimate is the better pick when you need the same component outside React, in Vue or plain HTML/CSS/JS, or when your motion is scroll-driven and multi-step, where GSAP's ScrollTrigger and timelines go further than Motion's hooks. It also fits when maintenance matters to you: Motion Primitives has had no code push since March 2026 and open hydration and accessibility issues as of September, while Annnimate ships new components weekly and treats reduced-motion and keyboard support as part of every release rather than something to check per component.
When Motion Primitives is the better pick
Motion Primitives is the better pick if you're building in React with Motion already in the bundle and you want its specific set: the morphing dialog, spotlight, dock, and the text-loop, text-morph and text-scramble effects that most catalogs don't have. The free core is MIT and covers 33 components, and the $299 one-time Pro (as of 2026-09) is a fair price for a perpetual license if you want the sections and the template. If you don't need Vue or HTML output and the beta label doesn't bother you, it's a solid free choice.
Common questions
- Is Motion Primitives free?
- Motion Primitives' core library, 33 components as of 2026-09, is free and open-source under MIT. The Pro tier, a one-time $299 payment ($149 discounted as of 2026-09), unlocks 50+ components and sections plus a landing page template.
- Does Motion Primitives work with Vue?
- Motion Primitives is React and Next.js only, built on Motion and Tailwind CSS. Annnimate ships every component in React, Vue, and plain HTML/CSS/JS, so it's the option if Vue is part of the stack.
- How much does Motion Primitives Pro cost?
- Motion Primitives Pro costs $299, discounted to $149 as of 2026-09, as a one-time payment with a perpetual, commercial-use license rather than a subscription.
- Is Motion Primitives still actively maintained?
- Motion Primitives' GitHub repo hasn't had a code push since March 2026, and open issues like broken Spotlight examples and MorphingDialog hydration errors remain unresolved as of September 2026. The free core still works for most use cases, but it's worth checking open issues for the specific component before shipping it.
