Dev tools · alternatives · 2026
24 alternatives to Motion-Primitives
UI Kit to make beautiful interfaces, faster.
Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Motion-Primitives launched in 2024; newer entries below may have overtaken it.
- 1
21st.dev▲1,211I originally built this app to organize and reuse interesting React + Tailwind components I came across on Twitter, inspired by the shadcn/ui approach. Later, a friend started contributing their own components, and it got me thinking—this could grow into something bigger, like an NPM for design engineers to share and use components. Would love to hear your thoughts!
2025 · 21st.dev · its alternatives →
- 2
Framer Motion▲420A truly simple production-ready React animation library
2019 · motion.dev · its alternatives →
- 3
Motion (prev Framer Motion) is a fast, production-grade animation library for React, JavaScript and Vue. Build smooth UI animations at a tiny footprint.
2021 · motion.dev · its alternatives →
- 4
A curated list of Tailwind CSS and Framer Motion components
2023 · ui.aceternity.com · its alternatives →
- 5
Looking at websites such as Clerk, I began thinking that design engineers might be some kind of wizards. I wanted to understand how they do it, so I started reverse-engineering their components out of curiosity. One thing led to another, and I ended up building a small library of reusable, animated components based on what I found. The library is built in React and Framer Motion. I’d love to hear your feedback
2025 · reverseui.com · its alternatives →
- 6
Layouts.dev▲699A notebook for building interfaces with Tailwind & shadcn/UI
2024 · layouts.dev · its alternatives →
- 7
Hi there, friends! I built a fun side-project called Fancy Components to explore and recreate some of the more unique, funky, unconventional, and sometimes useless UI designs & microinteractions you might see around the web. Built (mostly) with React, TypeScript, TailwindCSS, and Motion (formerly Framer Motion). Just copy the source code into your project, and you’re good to go. Each component includes examples, demos and also a documentation to help you understand how it works and built. It’s 100% free and open-source!
2025 · fancycomponents.dev · its alternatives →
- 8
Framer Motion 2▲248Framer’s React animation library just got an upgrade
2020 · motion.dev · its alternatives →
- 9
UI elements in ready-to-use components for React
2017 · coolsymbol.now · its alternatives →
- 10
Design interactive components with multiple variants
2021 · framer.com · its alternatives →
- 11
- 12
- 13
A new creative coding environment in Framer X
2019 · framer.com · its alternatives →
- 14
Beautiful Next.js templates built by the Tailwind CSS team.
2022 · tailwindcss.com · its alternatives →
- 15
Beautiful UI blocks built with Chakra UI and Framer Motion
2021 · its alternatives →
- 16
- 17
Learn to prototype and build components using React
2018 · designcode.io · its alternatives →
- 18
Tailframes▲103Open Source components library for React & Tailwind CSS
2024 · tailframes.com · its alternatives →
- 19
- 20
Tremor▲112The ReactJS open-source library to build dashboards fast
2023 · tremor.so · its alternatives →
- 21
Free Tailwind CSS & React UI Kit
2021 · creative-tim.com · its alternatives →
- 22
- 23
- 24
Frames 2.0▲127Save time developing your web design project with a kit
2020 · framesforsketch.com · its alternatives →
Also compare
Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →