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.
Motion
Team
Save
Free
Perfect for students, hobbyists, and individual creators.
Core APIs
80 examples
Motion
Team
Save
Free
Perfect for students, hobbyists, and individual creators.
Core APIs
80 examples
Motion
Team
Save
Free
Perfect for students, hobbyists, and individual creators.
Core APIs
80 examples
Motion+
Team
(+ tax)
Save
$299
Special price for India
$299
Special price for China
$299
Special price for Japan
$299
Special price for South Korea
$299
Special price for Brazil
Trusted by 1000+ developers, agencies, and product teams.
Core + Premium APIs
290+ examples
Private Discord community
Bezier editor for VS Code
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 18 15" xmlns="http://www.w3.org/2000/svg"><path d="M 3 3 L 3 0 L 0 0" fill="transparent" height="3.0000000000001794px" id="GoWpJlHO9" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.52" stroke="rgb(255, 255, 255)" transform="translate(6 1)" width="3.0000000000001785px"/><path d="M 1.5 9 C 0.672 9 0 9 0 9 L 0 0 C 0 0 0.672 0 1.5 0 L 10.5 0 C 11.328 0 12 0 12 0 L 12 9 C 12 9 11.328 9 10.5 9 Z" fill="transparent" height="9px" id="idgKFZ7Io" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.52" stroke="rgb(255, 255, 255)" transform="translate(3 4)" width="12.000000000000178px"/><path d="M 0 0.75 L 1.5 0.75 M 13.5 0.75 L 15 0.75 M 9.75 0 L 9.75 1.5 M 5.25 0 L 5.25 1.5" fill="transparent" height="1.499999983439908px" id="YikxxnO0a" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.52" stroke="rgb(255, 255, 255)" transform="translate(1.5 8)" width="15px"/></svg>)
Custom AI rules
member
Popular
Motion+
Team
(+ tax)
Save
$299
Special price for India
$299
Special price for China
$299
Special price for Japan
$299
Special price for South Korea
$299
Special price for Brazil
Trusted by 1000+ developers, agencies, and product teams.
Core + Premium APIs
290+ examples
Private Discord community
Bezier editor for VS Code
Custom AI rules
member
Popular
Motion+
Team
(+ tax)
Save
$299
Special price for India
$299
Special price for China
$299
Special price for Japan
$299
Special price for South Korea
$299
Special price for Brazil
Trusted by 1000+ developers, agencies, and product teams.
Core + Premium APIs
290+ examples
Private Discord community
Bezier editor for VS Code
Custom AI rules
member
Popular
Features
Features
Features
What's included
Motion
Free
Motion+
$299
Library
Library
Library
Core library
Core library
Core library
AnimateNumber
AnimateNumber
AnimateNumber
Cursor
Cursor
Cursor
splitText
splitText
splitText
Ticker
Ticker
Ticker
Typewriter
Typewriter
Typewriter
Carousel
Coming soon
Carousel
Coming soon
Carousel
Coming soon
View animations
Early access
View animations
Early access
View animations
Early access
Content
Content
Content
Examples
80+
290+
Examples
80+
290+
Examples
80+
290+
Tutorials
15+
35+
Tutorials
15+
35+
Tutorials
15+
35+
Early access
Early access
Early access
Workflow
Workflow
Workflow
Bezier editor for VS Code
Bezier editor for VS Code
Bezier editor for VS Code
Custom AI rules
Custom AI rules
Custom AI rules
Private Discord community
Private Discord community
Private Discord community
Private GitHub
Private GitHub
Private GitHub
Slack updates
Teams
Slack updates
Teams
Slack updates
Teams
Testimonials
Testimonials
Testimonials
What our
users say
Trusted by 1000+ 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 Richard
Vercel
“
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 Hsu
Sequoia
“
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 Vonk
Indie
“
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.
Sam
Humaan
“
Effortless
”
The Motion+ examples and components made implementing advanced UI elements like carousels, tabs, and modals effortless—streamlining my workflow and saving development time.
Pritam
Indie
“
Instant value
”
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 Padilla
Indie
“
Level up
”
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!
Sid
Helmer
“
Huge time-saver
”
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!
Tobias
Indie
“
Accelerates development
”
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 Mellson
Energinet
“
Worth the $
”
Loving Motion+, really great resource. Worth the $!
James Seymour-Lock
Rakuten
“
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 Richard
Vercel
“
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 Hsu
Sequoia
“
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 Vonk
Indie
“
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.
Sam
Humaan
“
Effortless
”
The Motion+ examples and components made implementing advanced UI elements like carousels, tabs, and modals effortless—streamlining my workflow and saving development time.
Pritam
Indie
“
Instant value
”
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 Padilla
Indie
“
Level up
”
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!
Sid
Helmer
“
Huge time-saver
”
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!
Tobias
Indie
“
Accelerates development
”
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 Mellson
Energinet
“
Worth the $
”
Loving Motion+, really great resource. Worth the $!
James Seymour-Lock
Rakuten
“
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 Richard
Vercel
“
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 Hsu
Sequoia
“
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 Vonk
Indie
“
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.
Sam
Humaan
“
Effortless
”
The Motion+ examples and components made implementing advanced UI elements like carousels, tabs, and modals effortless—streamlining my workflow and saving development time.
Pritam
Indie
“
Instant value
”
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 Padilla
Indie
“
Level up
”
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!
Sid
Helmer
“
Huge time-saver
”
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!
Tobias
Indie
“
Accelerates development
”
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 Mellson
Energinet
“
Worth the $
”
Loving Motion+, really great resource. Worth the $!
James Seymour-Lock
Rakuten
FAQ
FAQ
FAQ
Frequently asked questions
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+ components and pre-built animations are licensed under MIT.
This means once you’ve added code to your site, it’s yours forever.
Exception: Website Builders
If your product is a website builder (think Framer, Figma, Webflow etc) then while using these APIs in your product is permitted, if you wish to allow your users to use these APIs in their own websites, we ask you enquire about the Builder's License to maintain access to Motion+
Do you offer PPP or student discounts?
We do offer student discounts in some countries and PPP for others - you can send proof of residence or student ID to matt@motion.dev for a discount code.
How does the Team package work?
Motion+ can be purchased for teams of any size, from 3 to ∞.
Every third seat is free! More seats can be purchased at any time.
After purchase, you can assign @yourcompany.com email addresses to Motion+ by sending them to matt@motion.dev.
Important: Motion+ by more than one person requires purchase of a Team package. Email sharing is forbidden and may lead to the cancellation of services without refund.
How do I get access to the private GitHub?
After purchase, you can invite your GitHub profile to the private repo via your Motion+ profile page.
What is your refund policy?
You can contact matt@motion.dev for a full refund within the first 7 days of purchase.
Still have questions? Email us at matt@motion.dev
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+ components and pre-built animations are licensed under MIT.
This means once you’ve added code to your site, it’s yours forever.
Exception: Website Builders
If your product is a website builder (think Framer, Figma, Webflow etc) then while using these APIs in your product is permitted, if you wish to allow your users to use these APIs in their own websites, we ask you enquire about the Builder's License to maintain access to Motion+
Do you offer PPP or student discounts?
We do offer student discounts in some countries and PPP for others - you can send proof of residence or student ID to matt@motion.dev for a discount code.
How does the Team package work?
Motion+ can be purchased for teams of any size, from 3 to ∞.
Every third seat is free! More seats can be purchased at any time.
After purchase, you can assign @yourcompany.com email addresses to Motion+ by sending them to matt@motion.dev.
Important: Motion+ by more than one person requires purchase of a Team package. Email sharing is forbidden and may lead to the cancellation of services without refund.
How do I get access to the private GitHub?
After purchase, you can invite your GitHub profile to the private repo via your Motion+ profile page.
What is your refund policy?
You can contact matt@motion.dev for a full refund within the first 7 days of purchase.
Still have questions? Email us at matt@motion.dev
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+ components and pre-built animations are licensed under MIT.
This means once you’ve added code to your site, it’s yours forever.
Exception: Website Builders
If your product is a website builder (think Framer, Figma, Webflow etc) then while using these APIs in your product is permitted, if you wish to allow your users to use these APIs in their own websites, we ask you enquire about the Builder's License to maintain access to Motion+
Do you offer PPP or student discounts?
We do offer student discounts in some countries and PPP for others - you can send proof of residence or student ID to matt@motion.dev for a discount code.
How does the Team package work?
Motion+ can be purchased for teams of any size, from 3 to ∞.
Every third seat is free! More seats can be purchased at any time.
After purchase, you can assign @yourcompany.com email addresses to Motion+ by sending them to matt@motion.dev.
Important: Motion+ by more than one person requires purchase of a Team package. Email sharing is forbidden and may lead to the cancellation of services without refund.
How do I get access to the private GitHub?
After purchase, you can invite your GitHub profile to the private repo via your Motion+ profile page.
What is your refund policy?
You can contact matt@motion.dev for a full refund within the first 7 days of purchase.
Still have questions? Email us at matt@motion.dev
