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

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

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 matt@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 matt@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.

Motion+: production animations, lifetime updates

Trusted by teams at

+ 2,000 indie devs

01Recommended

Personal

The complete Motion library, premium components and AI workflows.

…Once

400+ AI-ready examples
Premium components
AI Kit
110+ tutorials
Visual transition editor
Private Discord community

02For teams

Business

Motion+ for your full team, with transferable seats and release alerts.

…Per seat / year

Everything in Motion+
Multi-user licence
Seat management
Transferable seats
Slack release alerts

Seats

400+ 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.

See all examples

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

Infinite marquees with true speed control and a unique minimal-clone algorithm.

Examples

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 400+ example source files.

1.card {2  transition: scale 200ms linear(3    0, 0.009, 0.036, 0.084, 0.157, 0.255, 0.378,4    0.522, 0.679, 0.832, 0.954, 1.029, 1.052, 1.038,5    1.011, 0.99, 0.984, 0.991, 1.001, 1.005, 16  );7}89.card:hover {10  scale: 1.2;11}

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.

What's included

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

MotionFree

Motion+…

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

Curtains

AnimateActivity (early access)

Examples & tutorials

ExamplesBasics400+

TutorialsBasics110+

Early access

Workflow

Visual transition editor for IDEs

Private Discord

Private GitHub

Submit to homepage showcase

Slack release updatesBusiness only

Install Motion

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

Used by independent developers and teams shipping production animation.

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

Frequently asked questions

Pricing, licensing, updates and access, answered.

Motion+ frequently asked questions
No.	Question	Answer
01	What 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.
02	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 License (see above).
03	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 matt@motion.dev for a discount code.
04	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.
05	How do I get access to the private GitHub?	After purchase, invite your GitHub profile to the private repo via your Motion+ profile page.
06	What is your refund policy?	Contact matt@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? matt@motion.dev

Pay once. Build animations forever.

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

Motion+…

Motion+ Business…