Motion Examples & Tutorials

Official free and premium Motion examples to kickstart your next project.

Fundamentals

Fundamentals

Practical examples for beginners

Explore Motion fundamentals with straightforward examples built with copy/pastable code.

Tutorials

Tutorials

Tutorials

Learn step by step

Learn step by step

Learn step by step

A growing collection of examples include step by step tutorials to guide you through the learning process.

A growing collection of examples include step by step tutorials to guide you through the learning process.

A growing collection of examples include step by step tutorials to guide you through the learning process.

Inspired By

Inspired By

Inspired By

Learn from the masters

Replicate interfaces built by industry legends, like Apple, Family, and more.

Components

Components

Components

Take it to the next level

Discover Motion+ components like Cursor, Ticker and splitText with our premium examples.

Integrations

Integrations

Integrations

Plug & play with your UI library

Proven recipes for Radix and Base UI, with more on the way—copy/paste code that just works with your existing stack.

Level up your animations with Motion+

More than 180+ Motion examples, exclusive APIs like Cursor, private Discord and GitHub, and powerful VS Code animation editing tools.

One-time payment, lifetime updates.

See all examples

Motion Examples are available for JavaScript, React and Vue.

Motion is supported by the best in the industry.

Stay in the loop

Subscribe for the latest news & updates.

Stay in the loop

Subscribe for the latest news & updates.

Stay in the loop

Subscribe for the latest news & updates.