Motion-Primitives

Make your website look better with beautifully designed motion components.
Easy to use. Customizable. Open Source. Built for engineers, designers, and founders.

Motion-Primitives offers a collection of reusable animated components built with Framer Motion and Tailwind CSS. Add smooth, engaging animations to your web projects, making them more interactive and enjoyable.

Vision

As a developer, I struggled to find practical, high-quality animated components suitable for real-world projects. Motion-Primitives was created to fill this gap, providing ready-to-use, customizable components that improve marketing websites and web applications.

Easy to Use and customize

Each component has comprehensive examples and detailed documentation. You can use them directly or easily modify them to align with your custom UI kit, design system, or specific requirements.

Built around Framer Motion

All components are built with Framer Motion to ensure a solid foundation and showcase the library's capabilities. Future plans include versions using CSS and Tailwind CSS only.

Open source and community-driven

Motion-Primitives is open-source. Contributions are welcome to expand and improve the collection.