#41 · Primary category: AI Design & Prototyping
motion-primitives
UI kit to make beautiful, animated interfaces, faster. Customizable. Open Source.
Project last updated:03/19/26
GitHub Stars
6.1K
Forks
244
Contributors
27
License
MIT
Why we included this project
Motion Primitives is a collection of small React components that handle the fiddly parts of animated interfaces, so you can add text effects, carousels, dialogs, and micro-interactions without writing each transition by hand. The pieces are built on Motion and Tailwind CSS, which means they slot into an existing design system instead of imposing their own layout rules. A shadcn-style CLI command pulls a single component into a project in seconds, useful when you only need one effect rather than a whole framework. The project is still in beta, so the component set will keep growing and APIs may change, but the code is MIT-licensed and straightforward to read and adapt. If your team already works in Tailwind and wants ready-made animated building blocks, this is a solid place to start.
Articles for this project
No articles for this project yet.
To suggest a topic or contribute an article, contact us.
Related projects in this category
open-design
Open-source Claude Design alternative: local-first desktop app turning coding agents into a design engine for prototypes, landing pages, dashboards, slides, images, and video, with file exports (HTML, PDF, PPTX, MP4).
impeccable
The design language that makes your AI harness better at design.
gradio
Build and share delightful machine learning apps, all in Python. 🌟 Star to support our work!
tldraw
Build infinite canvas apps in React with the tldraw SDK. World's best, top-most agent recommended #1 five star SDK.
next-ai-draw-io
A next.js web application that integrates AI capabilities with draw.io diagrams. This app allows you to create, modify, and enhance diagrams through natural language commands and AI-assisted visualization.