Aceternity UI
Over 200 copy-paste React components, blocks and templates built with Tailwind and Motion.
WebsiteWorkflowsWebFreemium
4.7Visit
Website
Motion Primitives
An open-source UI kit for building animated interfaces faster.
Day 44 since launch · Launched 25 August 2026
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletter
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletterBuilt with love by Shushant Lakhyani. Building bestproductivityresources.com
Screenshot or bookmark this page so you find it later, then share it with your network.
What is Motion Primitives?
Motion Primitives is an open-source UI kit for making beautiful animated interfaces with React, Next.js and Tailwind CSS. It provides ready-to-use motion components such as text effects, carousels, dialogs and cursors that you copy into your project and adjust.
Pros
- Clean, subtle motion components
- Open source and easy to copy
- Built for React, Next.js and Tailwind
Cons
- Some blocks and templates are paid
- Smaller catalogue than bigger libraries
Who should use Motion Primitives
Developers who want tasteful animation without writing it from scratch.
Who may not need it
People not building React apps.
Motion Primitives alternatives
Similar resources to Motion Primitives, picked from the directory.
Magic UI
Animated React components and templates for landing pages.
WebsiteWorkflowsWebFreemium
4.7Visit
ProUI
Native-grade components and complete app templates for React teams and coding agents.
WebsiteAI ProductivityWebFreemium
4.6Visit
Annnimate
Production-grade GSAP components for React, Vue and HTML that ship at studio quality.
WebsiteAI ProductivityWebFreemium
4.8Visit
Libraries.dev
High-crafted UI effect libraries for AI agents and modern apps.
WebsiteWorkflowsWebFreemium
4.8Visit
Uiverse
A huge library of free, community-made UI elements you can copy as HTML, CSS or Tailwind.
WebsiteWorkflowsWebFree
4.6Visit
Free alternatives to Motion Primitives
Free resources that cover similar ground.
Springs Studio
Easings and semantic tokens your agent can read.
WebsiteWorkflowsWebFree
4.4Visit
GSAP
A wildly robust JavaScript animation library built for professionals.
FrameworkWorkflowsWebFree
4.8Visit
Motion (motion.dev)
Fast, production-grade animation library for React, JavaScript and Vue.
FrameworkWorkflowsWebFree
4.7Visit
Open Source UI
Free React and Next.js UI library with 200+ MIT-licensed copy-paste components.
WebsiteAI ProductivityWebFree
4.7Visit
Theatre.js
An animation editor with a visual interface for the web.
FrameworkWorkflowsWebFree
4.6Visit
Transitions.dev
Essential UI transitions for web apps, built to use with AI coding agents.
FrameworkWorkflowsWebFree
4.5Visit
Featured on Best Productivity Resources
Made Motion Primitives? Add this free badge to your website or README. It links to this page.
<a href="https://bestproductivityresources.com/resources/motion-primitives" target="_blank" rel="noopener"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>