Motion+

The professional animation toolkit. Yours forever.

Start for free with our powerful open-source library, or upgrade to Motion+ with a one-time payment for lifetime updates.

Trusted by teams at
+ 2,000 indie devs

AI Kit

Essential skills and tools for turning your agent into an animation expert.

  • Motion expert
  • MotionScore Code Audit
  • CSS spring generator
  • Transition visualiser
  • Documentation search

Includes a 25% voucher towards the full Motion+.

Motion+

The full library, every example, premium components, and AI workflows.

  • Everything in AI Kit
  • 370+ AI-ready examples
  • 110+ tutorials
  • Premium components
  • Early access features
  • Visual transition editor for IDEs
  • Private Discord community
  • Examples search for AI

Team

Motion+ for your full team. Transferable seats, release updates piped to Slack.

  • Everything in Motion+
  • 10 seats
  • Transferable seats
  • Slack release alerts
  • Single invoice
  • 7-day refund
  • MIT-licensed code
  • Lifetime updates
01> ExamplesSee all examples

370+ production-ready examples.

JavaScript, React, and Vue. Copy and paste straight into your project, adapt with AI, or pipe the whole set into your agent with the Examples MCP.

> Live example/ Scroll velocityOpen
  1. Skeleton Shimmer
  2. Confetti
  3. iOS App Folder
  4. iOS Pointer
  5. Parallax
  6. Floating Action
02> Components

Unlock premium Motion APIs.

Carousels, tickers, animated numbers, scrambling text, magnetic cursors. Delivered through a private registry, with access to our Motion+ GitHub repo.

Ticker
  • 01
  • 02
  • 03
  • 04
  • 05
  • 06
  • 07
  • 08
FIG.02.1
Carousel
  • 01
  • 02
  • 03
  • 04
  • 05
  • 06
FIG.02.2
Cursor
FIG.02.3
AnimateNumber
FIG.02.6
03> AI Kit

Your agent, now an animation expert.

Let your agent write Motion with the latest docs and best practices, then run the MotionScore Code Audit skill to grade every animation S-F and fix the slow ones before you ship. The same grading system MotionScore uses to measure your live site at runtime.

  • 3.1/motionBest practises for React, JS, Vue, and popular UI libraries.
  • 3.2/motion-auditGrade every animation S-F and fix the slow ones, before you ship.
  • 3.3/css-springGenerate CSS linear() easings from real Motion springs.
  • 3.4/see-transitionAllow your agent to visualise transitions.
  • 3.5Docs search MCPKeep your agent up-to-date with the latest docs.
  • 3.6Examples search MCPMotion+ only: pull from the full library of 370+ example source files.
04> Transition editor

Visual editing for IDEs.

Edit and preview Motion and CSS transitions live in your code. Tune ease curves, springs, and durations without leaving your editor.

> 05 / EARLY ACCESS

Try features before they ship.

Plus members get the next thing first. Use new APIs and components in production before they hit the open-source release.

> 06 / TUTORIALS

110+ step-by-step tutorials.

Get up to speed on Motion fast. Walkthrough guides for layout animations, scroll, gestures, and the premium components.

> 07 / DISCORD

Private Discord community.

Stay updated with Motion releases, showcase your work, and get support from the core team and other members.

> FEATURES

What's included

AI Kit 
Motion+
AI
Motion expert skill
MotionScore Code Audit
CSS spring generation skill
Transition visualiser skill
Docs search tool
Examples search tool
Library
Core library
AnimateNumber
Carousel
Cursor
Ticker
Typewriter
ScrambleText
splitText
View animations
AnimateActivity (early access)
Examples & tutorials
ExamplesBasics370+
TutorialsBasics110+
Early access
Workflow
Visual transition editor for IDEs
Private Discord
Private GitHub
Submit to homepage showcase
Slack release updatesTeams only
> TESTIMONIALS

Trusted by 2,000+ developers, from indies to enterprise

Remarkably easy
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
Attention to detail
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
Cut dev time in half
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 VonkIndie
Focus on building
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
> FAQ

Frequently asked questions

01What does "lifetime" access mean?
Lifetime access means exactly that. You pay once, and then get access to all future updates to examples, premium components, and workflow features. This isn't yet another subscription.
02Can I upgrade from AI Kit to the full Motion+?
Yes. Every AI Kit purchase comes with a 25% voucher towards the full Motion+ purchase.
03Can 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 License (see above).
04Do you offer PPP or student discounts?
Yes. Student discounts in some countries and PPP in others. Send proof of residence or student ID to matt@motion.dev for a discount code.
05How does the Team package work?
Motion+ licenses can be purchased for teams of up to 10. After purchase, send your @yourcompany.com email addresses to matt@motion.dev and we'll assign seats. Seats can be reassigned at any time. Usage by more than one person requires a Team package.
06How do I get access to the private GitHub?
After purchase, invite your GitHub profile to the private repo via your Motion+ profile page.
07What is your refund policy?
Contact matt@motion.dev for a full refund within the first 7 days of purchase.

Still have questions? matt@motion.dev

Pay once. Build animations forever.

7-day refund if it's not for you. MIT-licensed code that's yours once it's in your repo.

AI Kit 
Motion+