Motion Primitives
Composable motion building blocks for React and Tailwind.
Motion Primitives is a set of motion components built on Motion, the library formerly called Framer Motion, and Tailwind CSS. It sits deliberately between raw animation code and a full animated component kit.
At a glance
| Distribution | copy and paste, or the shadcn CLI |
| Motion engine | Motion, formerly Framer Motion |
| Styling | Tailwind CSS |
| Status | in beta, by the maintainer's own statement |
| MCP server | not published |
| License | MIT |
Primitives, not effects
The distinction from Aceternity UI, Magic UI and React Bits matters. Those give you a finished effect: a spotlight hero, an animated beam, a marquee. Motion Primitives gives you the underlying motion behaviours, text reveals, morphing dialogs, animated groups, transition panels, that you compose into your own effects.
If the animated kits feel too opinionated and writing Motion from scratch feels like too much, this is the layer in between.
Read the beta warning
The maintainer states plainly that the project is in beta, with new components released regularly and significant code changes expected. Because you copy the source rather than install a package, a breaking change does not break your build. It does mean a component you copied six months ago may diverge from the documentation.
Choose it if
- You want motion building blocks rather than finished effects.
- You already use Motion and want well-made patterns to start from.
Look elsewhere if
- You want something stable. The beta label is the maintainer's own, not ours.
- You want a complete look out of the box. The animated kits do more of the work.
