Motion's banner

Motion

@motiondotdev • 16,199 subscribers

The complete animation toolkit for the web. Formerly Framer Motion. Made by @mattgperry.

Shorts

Motion 13.4 introduces <AnimateView /> A lightweight view transitions component built on React's new ViewTransition API. Adds spring support, dynamic targets, animation controls, and a simple props API - no more wrangling pseudo selectors!

Motion 13.4 introduces <AnimateView /> A lightweight view transitions component built on React's new ViewTransition API. Adds spring support, dynamic targets, animation controls, and a simple props API - no more wrangling pseudo selectors!

41,632 views

Introducing Motion for Three.js Animate Three.js objects, materials, shader uniforms, TSL nodes and more, sequenced alongside HTML & SVG elements, batched on Motion's render loop. Now in Motion+ Early Access.

Introducing Motion for Three.js Animate Three.js objects, materials, shader uniforms, TSL nodes and more, sequenced alongside HTML & SVG elements, batched on Motion's render loop. Now in Motion+ Early Access.

22,590 views

Introducing the View Transition API for the rest of us: animateView is now out of early access. Now with shared elements, intelligent aspect ratio handling, auto-grouping, stagger, enter/exit animations and interruption queueing, it's the best way to jump into view animations.

Introducing the View Transition API for the rest of us: animateView is now out of early access. Now with shared elements, intelligent aspect ratio handling, auto-grouping, stagger, enter/exit animations and interruption queueing, it's the best way to jump into view animations.

37,593 views

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

Introducing Motion UI. White label, production-ready, performance-graded UI components for React. Ready to drop straight into your design via shadcn CLI and Tailwind CSS, or adapt via your agent with our one-click prompt generator or the Motion MCP.

Introducing Motion UI. White label, production-ready, performance-graded UI components for React. Ready to drop straight into your design via shadcn CLI and Tailwind CSS, or adapt via your agent with our one-click prompt generator or the Motion MCP.

176,031 views • 2 months ago

Introducing CSS Studio. A design tool that lives in your site. Runs in your browser. Writes code with your existing AI agent. All completely local - so no subscription. One price, lifetime updates.

Introducing CSS Studio. A design tool that lives in your site. Runs in your browser. Writes code with your existing AI agent. All completely local - so no subscription. One price, lifetime updates.

300,327 views • 5 months ago

CSS Studio. A visual editor in your browser that streams updates to your local AI agent. Your browser, your agent, your source code. Coming soon.

CSS Studio. A visual editor in your browser that streams updates to your local AI agent. Your browser, your agent, your source code. Coming soon.

56,094 views • 6 months ago

New example: Confetti Press the button to fire a burst of hardware-accelerated confetti into the air. This is also the first example to use joshpuckett's DialKit, so you can play around with different settings to get the exact effect you want.

New example: Confetti Press the button to fire a burst of hardware-accelerated confetti into the air. This is also the first example to use joshpuckett's DialKit, so you can play around with different settings to get the exact effect you want.

11,959 views • 6 months ago

Can safely assume this is the best Motion-powered website I'll see all week. Damn. Built with Framer.

Can safely assume this is the best Motion-powered website I'll see all week. Damn. Built with Framer.

16,724 views • 11 months ago

No more content to load