Motion's banner

Motion

@motiondotdev • 15,633 subscribers

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

Shorts

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,052 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.

173,001 views • 14 days 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.

299,874 views • 4 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 • 4 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 • 5 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,613 views • 9 months ago

No more content to load