Premium Motion UI components
Accessible, beautiful components that adopt to your existing design with CSS, AI or shadcn.
Explore Motion UIMotion+ (Motion Plus): Build exceptional animations. Ship them faster.
From beginners to experts, Motion+ helps you ship animations that look great and perform even better. Components, examples, tutorials, visual editing, and our powerful AI Kit.
Learn moreEverything you need to ship great animation.
One membership for every tool. Use them together, or start with the one your project needs today.
Access the full vault
A trove of performance-graded examples and tutorials for React, JavaScript and Vue. Adapt to your site with one click.
Browse the examplesYour agent, now a Motion expert
Give your agent the latest docs, the full examples vault, and access to Motion UI, before it writes an animation.
About AI KitFind and fix slow animations
The Performance Doctor skill finds and fixes slow animations via code analysis and local runtime audits.
About Performance Doctor0.00.51.01.5
h1
.description
buttons
Edit animations visually
Tune timing, easing and springs on a visual timeline editor directly in your real website, then send changes to your local coding agent to implement with one click.
Give them a spin.
Each Motion UI component is accessible, adapts to your design system and installs with one command.
ShowcaseGallery
Motion+ exclusiveWhat people are saying
“The detailed examples and premium components in Motion+ cut my dev time in half. Incredible value, and a steady stream of feature-rich updates!”
“Motion+ is my favorite library for transforming a UI from 'good' to 'excellent'. Its user-friendly API makes it remarkably easy to bring any UI to a whole new level of refinement and interactivity.”
“Motion+ has been a go-to reference for me whenever I'm building UI. The attention to detail on each of their components is world-class.”
“Ticker and splitText being robust first-party replacements to our existing custom utilities meant that we could forget the maintenance overhead and just focus on building.”
“The Motion+ examples and components made implementing advanced UI elements like carousels, tabs, and modals effortless, streamlining my workflow and saving development time.”
“Motion+ helped me learn by doing. I love the "Edit with AI" button and step by step tutorials. Motion+ has provided instant value to my workflow.”
“As a designer, I always felt like great motion tools were out of reach. Motion+, with its Discord community, is by far the best jumping off point for anyone looking to level up their interactive designs.”
“The examples provide a great starting point for common animations. A huge time-saver and well worth the money. And if you're stuck? The Discord community has got your back.”
“Motion+ accelerates my development cycle. Its curated component library and flexible primitives let me craft polished, purposeful interfaces without sacrificing speed or design integrity.”
“Loving Motion+, really great resource. Worth the $!”
Pricing
…once
The complete toolkit. Pay once for each developer, keep it forever.
Seats
Included
- Examples and tutorials
- Motion UI
- AI Kit
- Studio
- Lifetime updates
Compare plans.
Compare the open-source library and the complete Motion+ toolkit.
| MotionFree | Motion+… | |
|---|---|---|
| Motion | ||
| Open-source animation library | Included | Included |
| Motion UI | ||
| Production-ready animated sections | Not included | 50 sections |
| Gallery | Not included | Included |
| Carousel | Not included | Included |
| Ticker | Not included | Included |
| Cursor | Not included | Included |
| AnimateNumber | Not included | Included |
| AnimateText | Not included | Included |
| Typewriter | Not included | Included |
| ScrambleText | Not included | Included |
| AnimateView | Not included | Included |
| AnimateActivity (early access) | Not included | Included |
| Curtains | Not included | Included |
| splitText | Not included | Included |
| shadcn installation | Not included | Included |
| AI Kit installation | Not included | Included |
| Motion Examples | ||
| Example source code | Basics | 510+ |
| Tutorials | Basics | 110+ |
| Motion AI Kit | ||
| Motion best practises | Included | Included |
| Docs search | Included | Included |
| Examples search | Not included | Included |
| CSS spring generation | Not included | Included |
| MCP transition editor | Not included | Included |
| Performance | ||
| Performance Doctor | Not included | Included |
| Motion Studio | ||
| Visual editor | Included | Included |
| Apply to code with local agent | Not included | Included |
| Edit with local agent | Not included | Included |
| Motion+ membership | ||
| Early access | Not included | Included |
| Private Discord | Not included | Included |
| Private GitHub | Not included | Included |
| Install Motion | ||
FAQs
| Question | Answer |
|---|---|
| What does lifetime access cover? | One payment covers every Motion+ example, Motion UI component and section, Motion Studio visual editing and AI Kit, with all future updates to them. Teams of two or more are on a yearly plan instead. |
| How do seats work? | One developer pays once. For two or more, choose the number of seats and the team is billed yearly per person. The purchasing account becomes the team lead and can assign, remove and reassign seats from the team dashboard. |
| Can I use Motion+ for client and commercial projects? | Yes. Motion+ APIs and examples are licensed under MIT, so once you've added code to your site, it's yours forever. If your product effectively resells Motion+ capabilities to your users, you'll need a Builder's Licence. Contact us for details. |
| Do I need an AI agent? | No. You can install components, copy example source and edit in Motion Studio by hand. AI Kit is there if you want your coding agent to find and adapt Motion sources for you. |
| Do you offer PPP or student discounts? | Yes. Student discounts in some countries and PPP in others. Send proof of residence or student ID to support@motion.dev for a discount code. |
| What is your refund policy? | Contact support@motion.dev for a full refund within 14 days of purchase, as long as you haven't yet linked GitHub or accessed the source code. |