Skip to content
+

Build polished animations without starting from scratch.

Get 450+ examples, premium components, Motion UI sections, and tools for your AI agent. All in one package.

Get Motion+See what’s included

One paymentPersonal licence. Lifetime updates.

Trusted by 2,000+ developers and teams at

Powerful components, familiar APIs.

Add carousels, animated numbers, custom cursors, and more. Built with Motion-style APIs you can adapt to your project.

Premium APIs for carousel, cursor, ticker, and more.Get started with Motion+

The hard part's done.
The fun part's yours.

450+ examples to learn, adapt, and make your own. From small interactions to moments that define a whole page.

Explore all examples
iOS App Folder animation preview
App folderTry live example
450+ examples with full source. Take one apart and make it yours.Explore all examples

Your next page
is already in motion.

Go from individual animations to complete interfaces. Motion UI gives you pre-built 30 animated sections, install with shadcn or adapt with AI.

Loading preview…Open section
Install animated sections with shadcn. Keep the source. Make it yours.Explore Motion UI

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 Kit
From a prompt to a working carousel
localhost:3000

“Make me a photo carousel”

Done. Added to app/homepage.tsx
AI Kit workflow demo

Build with real source.

Current docs and 450+ examples, available inside your agent.

Find the slow animations.

MotionScore for Agents checks your code and profiles your running site.

Describe how it should feel.

Turn “a little bouncier” into a precise CSS spring.

Docs, examples, and animation knowledge — available inside your agent.Explore AI Kit

And 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.

  • “The detailed examples and premium components in Motion+ cut my dev time in half. Incredible value, and a steady stream of feature-rich updates!”
    Sander VonkIndependent developer
  • “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.”
    Hugo RichardVercel
  • “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.”
    Kaiyu HsuSequoia
  • “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.”
    SamHumaan
  • “The Motion+ examples and components made implementing advanced UI elements like carousels, tabs, and modals effortless, streamlining my workflow and saving development time.”
    PritamIndependent developer
  • “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.”
    Jonathan PadillaIndependent developer
  • “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.”
    SidHelmer
  • “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.”
    TobiasIndependent developer
  • “Motion+ accelerates my development cycle. Its curated component library and flexible primitives let me craft polished, purposeful interfaces without sacrificing speed or design integrity.”
    Anders Bech MellsonEnerginet
  • “Loving Motion+, really great resource. Worth the $!”
    James Seymour-LockRakuten
Testimonial 1 of 10

Make it part
of your toolkit.

Choose a personal licence for lifetime access, or a business plan for your team.

01Recommended

Personal

The premium Motion library, Motion UI and AI workflows.

…Once
  • 450+ AI-ready examples
  • Premium library
  • Motion UI
  • AI Kit
  • 110+ tutorials
  • Private Discord community
02For teams

Business

Motion+ for your full team, with transferable seats and seat management.

…Per seat / year
  • Everything in Motion+
  • Multi-user licence
  • Seat management
  • Transferable seats
Seats

What's included

Compare the open-source library with the complete Motion+ toolkit.

MotionFree
Motion+…
AI
Motion best practises
MotionScore for Agents
CSS spring generation
Transition editor
Docs search
Examples search
Motion UI
Production-ready animated sections30 sections
shadcn installation
Editable source code
AI-ready adaptation
Library
Core library
AnimateNumber
Carousel
Cursor
Ticker
Typewriter
ScrambleText
splitText
Curtains
AnimateActivity (early access)
Examples & tutorials
ExamplesBasics450+
TutorialsBasics110+
Early access
Community
Private Discord
Private GitHub
Submit to homepage showcase
Install Motion

A few useful details.

Motion+ questions
QuestionAnswer
What does "lifetime" access mean?The Personal licence is a one-time payment. It includes all future updates to examples, premium components, and workflow features. Business 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 Business package work?Motion+ Business 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 Business 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