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

Motion+

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

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

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 and CSS animations based on our handwritten best practises, the latest Motion docs, and the source code from all examples. For your existing animations, built-in MotionScore performance auditing performs code and runtime analysis to find and fix slow animations.

  • 3.1/motionBest practises for React, JS, Vue, and popular UI libraries.
  • 3.2Performance auditCode and runtime performance analysis.
  • 3.3CSS springsGenerate CSS linear() easings from real Motion springs.
  • 3.4Transition previewAllow your agent to visualise transitions.
  • 3.5Docs contextKeep your agent up-to-date with the latest docs.
  • 3.6Examples contextPull 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

MotionFree
Motion+
AI
Motion best practises
MotionScore performance audit
CSS spring generation
Transition visualiser
Docs search
Examples search
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
Install Motion
> 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 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).
03Do 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.
04How 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.
05How do I get access to the private GitHub?
After purchase, invite your GitHub profile to the private repo via your Motion+ profile page.
06What 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.

Motion Free Install Motion
Motion+