qodesign vs Motion Primitives
Motion Primitives is a free MIT set of 33 motion building blocks, like text effects, number tickers and a morphing dialog, that you install one at a time with its CLI. qodesign sells finished, animated app flows one at a time, each with a React version, a single HTML file and a PROMPT.md for your AI editor.
| qodesign | Motion Primitives | |
|---|---|---|
| Price | $3 each, or $29 once for all of them (the Shelf) | Free and open source. A separate Pro site (pro.motion-primitives.com) sells sections and templates; we couldn't read its price, so check there |
| Free | 1 free component, no account needed | All 33 components in the docs (our count of the sidebar) |
| Size | 17 components, more added as they ship | 33 components: text effects, animated numbers, dock, morphing dialog and popover, carousel, tilt, spotlight and more |
| What's in a download | React + Tailwind (TSX), PROMPT.md, HTML file | Copy the code, or install one at a time with npx motion-primitives@latest add <name> |
| Licence | Personal, commercial and client projects; no reselling the source | MIT, as listed for ibelick/motion-primitives on GitHub |
| Stack | React + TypeScript, Tailwind (most also use Framer Motion), HTML version included | React, Tailwind CSS and Motion, plus a cn() helper (clsx, tailwind-merge) and lucide-react icons |
| Best for | One memorable animated moment in your app (login, checkout, nav, dashboard) | Small motion building blocks you compose yourself: text effects, number tickers, dialogs, toolbars |
Which one to pick
- Pick Motion Primitives if
- You want free, small motion pieces to compose into your own UI, and you're happy to design the flow around them.
- Pick qodesign if
- You want a whole flow that already moves, like a login, checkout or tab bar, with its loading, error and success states done.
qodesign pieces to look at first
Related reading: Framer Motion or CSS for micro-interactions