GeezerVison is showing motion.dev — Motion+ (Motion Plus): premium animation examples, components and AI Kit Motion+ (Motion Plus): Build exceptional animations. Ship them faster.From beginners to experts, Motion+ helps you ship animations that look great and perform even better. Components, examples, tutorials, visual editing, and our powerful AI Kit. Learn morePremium Motion UI componentsAccessible, beautiful components that adopt to your existing design with CSS, AI or shadcn. Explore Motion UIAccess the full vaultA trove of performance-graded examples and tutorials for React, JavaScript and Vue. Adapt to your site with one click. Browse the examplesYour agent, now a Motion expertGive your agent the latest docs, the full examples vault, and access to Motion UI, before it writes an animation. About AI KitRankB3 of 18 animations need work.Fix them to reach rank AFix all 3Fix all 3 -const top = card.getBoundingClientRect().top+frame.read(() => top = card.getBoundingClientRect().top)
-animate={{ width: open ? 320 : 0 }}+animate={{ scaleX: open ? 1 : 0 }}
Find and fix slow animationsThe Performance Doctor skill finds and fixes slow animations via code analysis and local runtime audits. About Performance DoctorEdit animations visuallyTune timing, easing and springs on a visual timeline editor directly in your real website, then send changes to your local coding agent to implement with one click. - Examples with source
- 0+1234567890123456789+
- Tutorials
- 0+1234567890123456789+
- Motion UI components
- 01234567890123456789
- Motion UI sections
- 01234567890123456789
Give them a spin.Each Motion UI component is accessible, adapts to your design system and installs with one command. ShowcaseGallery Motion+ exclusivePricingThe complete toolkit. Pay once for each developer, keep it forever. Included - Examples and tutorials
- Motion UI
- AI Kit
- Studio
- Lifetime updates
Compare plans.Compare the open-source library and the complete Motion+ toolkit. | MotionFree | Motion+… |
|---|
| Motion |
|---|
| Open-source animation library | Included | Included |
|---|
| Motion UI |
|---|
| Production-ready animated sections | Not included | 50 sections |
|---|
| Gallery | Not included | Included |
|---|
| Carousel | Not included | Included |
|---|
| Ticker | Not included | Included |
|---|
| Cursor | Not included | Included |
|---|
| AnimateNumber | Not included | Included |
|---|
| AnimateText | Not included | Included |
|---|
| Typewriter | Not included | Included |
|---|
| ScrambleText | Not included | Included |
|---|
| AnimateView | Not included | Included |
|---|
| AnimateActivity (early access) | Not included | Included |
|---|
| Curtains | Not included | Included |
|---|
| splitText | Not included | Included |
|---|
| shadcn installation | Not included | Included |
|---|
| AI Kit installation | Not included | Included |
|---|
| Motion Examples |
|---|
| Example source code | Basics | 520+ |
|---|
| Tutorials | Basics | 110+ |
|---|
| Motion AI Kit |
|---|
| Motion best practises | Included | Included |
|---|
| Docs search | Included | Included |
|---|
| Examples search | Not included | Included |
|---|
| CSS spring generation | Not included | Included |
|---|
| MCP transition editor | Not included | Included |
|---|
| Performance |
|---|
| Performance Doctor | Not included | Included |
|---|
| Motion Studio |
|---|
| Visual editor | Included | Included |
|---|
| Apply to code with local agent | Not included | Included |
|---|
| Edit with local agent | Not included | Included |
|---|
| Motion+ membership |
|---|
| Early access | Not included | Included |
|---|
| Private Discord | Not included | Included |
|---|
| Private GitHub | Not included | Included |
|---|
| Install Motion | |
FAQsMotion+ questions| Question | Answer |
|---|
| What does lifetime access cover? | One payment covers every Motion+ example, Motion UI component and section, Motion Studio visual editing and AI Kit, with all future updates to them. Teams of two or more are on a yearly plan instead. |
|---|
| How do seats work? | One developer pays once. For two or more, choose the number of seats and the team is billed yearly per person. The purchasing account becomes the team lead and can assign, remove and reassign seats from the team dashboard. |
|---|
| Can I use Motion+ for client and 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 I need an AI agent? | No. You can install components, copy example source and edit in Motion Studio by hand. AI Kit is there if you want your coding agent to find and adapt Motion sources for you. |
|---|
| 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 [email protected] for a discount code. |
|---|
| What is your refund policy? | Contact [email protected] for a full refund within 14 days of purchase, as long as you haven't yet linked GitHub or accessed the source code. |
|---|
|
