Carousel
Drag, loop, gestures and the world's most performant renderer.
Motion+ (Motion Plus)
The professional animation toolkit.
Get 500+ examples, premium components, Motion UI sections, and tools for your AI agent. All in one package.
One paymentSolo licence. Lifetime updates.
Powerful components, familiar APIs.
Add carousels, animated numbers, custom cursors, and more. Built with Motion-style APIs you can adapt to your project.
AnimateNumber
Make prices, stats, and counters move naturally.
Ticker
Seamless scrolling, in any direction, at any speed.
Cursor
An endlessly customisable cursor, with magnetic snap.
Typewriter
Give your words rhythm, pauses, and personality.
ScrambleText
Turn a simple text reveal into a moment of surprise.
Curtains
Stage-curtain page and element transitions, with wipe, blinds, pixel and more included effects.
The hard part's done.
The fun part's yours.
500+ examples to learn, adapt, and make your own. From small interactions to moments that define a whole page.
Explore all examples
App folderTry live example
Your agent,
now a Motion expert.
Give your agent the same docs, examples, and animation knowledge you use. Ask for what you want. AI Kit helps it build with Motion from the start.
Explore AI Kitlocalhost:3000
“Make me a photo carousel”
Done. Added to app/homepage.tsxAnd more to keep you moving.
110+ tutorials
Get up to speed on Motion fast. Walkthrough guides for layout animations, scroll, gestures, and the premium components.
Visual transition editor
Preview timing and easing in your IDE. Save transitions your agent can reuse.
Early access
Use new APIs and components in production before they hit the open-source release.
Private community
Stay updated with Motion releases, showcase your work, and get support from the core team.
Trusted by 2,000+ developers and teams at
“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 $!”
Make it part
of your toolkit.
Choose a Solo licence for lifetime access, or a Team plan for two or more developers.
Solo
Motion UI components and sections, and AI workflows.
…Once
- 500+ AI-ready examples
- Motion UI
- AI Kit
- 110+ tutorials
- Private Discord community
Team
Motion+ for your full team, with transferable seats and seat management.
…Per seat / year
- Everything in Motion+
- Multi-user licence
- Seat management
- Invoice
Seats
What's included
Compare the open-source library with the complete Motion+ toolkit.
| MotionFree | Motion+… | |
|---|---|---|
| AI | ||
| Motion best practises | Included | Included |
| MotionScore for Agents | Not included | Included |
| CSS spring generation | Not included | Included |
| Transition editor | Not included | Included |
| Docs search | Included | Included |
| Examples search | Not included | Included |
| Motion UI | ||
| Production-ready animated sections | Not included | 50 sections |
| shadcn installation | Not included | Included |
| Editable source code | Not included | Included |
| AI-ready adaptation | Not included | Included |
| Library | ||
| Core library | Included | Included |
| AnimateNumber | Not included | Included |
| Carousel | Not included | Included |
| Cursor | Not included | Included |
| Ticker | Not included | Included |
| Typewriter | Not included | Included |
| ScrambleText | Not included | Included |
| splitText | Not included | Included |
| Curtains | Not included | Included |
| AnimateActivity (early access) | Not included | Included |
| Examples & tutorials | ||
| Examples | Basics | 500+ |
| Tutorials | Basics | 110+ |
| Early access | Not included | Included |
| Performance | ||
| Performance Doctor | Not included | Included |
| Performance Guard | Not included | Not included |
| Community | ||
| Private Discord | Not included | Included |
| Private GitHub | Not included | Included |
| Submit to homepage showcase | Not included | Included |
| Install Motion | ||
A few useful details.
| Question | Answer |
|---|---|
| What does "lifetime" access mean? | The Solo licence is a one-time payment. It includes all future updates to examples, Motion UI, and workflow features. Team plans renew annually. |
| Can I use Motion+ for 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 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. |
| How does the Team package work? | Motion+ Team is an annual subscription, priced per seat, for teams of two or more. After purchase, assign, remove and reassign seats at any time from your team dashboard. Usage by more than one person requires a Team package. Existing one-time Team licences are unaffected and keep lifetime updates. |
| How do I get access to the private GitHub? | After purchase, invite your GitHub profile to the private repo via your Motion+ profile page. |
| 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. |
Still have questions? support@motion.dev