Motion's banner

Motion

@motiondotdev • 16,313 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!

43,319 görüntüleme

Introducing Motion Studio. Edit animations directly on your site with our intuitive visual editor and our new Ultramotion animation editing agent (powered by TypeSafe AI's Jev) for at least 10x faster edits than code LLMs. Inspection and visual editing are free!

Introducing Motion Studio. Edit animations directly on your site with our intuitive visual editor and our new Ultramotion animation editing agent (powered by TypeSafe AI's Jev) for at least 10x faster edits than code LLMs. Inspection and visual editing are free!

29,420 görüntüleme

We couldn't hold these back for long. Motion for Three.js and Matias 🧉's vgpu are now available for everyone! I wonder if you can guess what game we're excited for after you see our new Motion x Three.js demo

We couldn't hold these back for long. Motion for Three.js and Matias 🧉's vgpu are now available for everyone! I wonder if you can guess what game we're excited for after you see our new Motion x Three.js demo

22,920 görüntüleme

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,842 görüntüleme

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,729 görüntüleme

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,347 görüntüleme • 3 ay önce

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,812 görüntüleme • 7 ay önce

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 görüntüleme • 7 ay önce

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,740 görüntüleme • 1 yıl önce

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 görüntüleme • 8 ay önce

Daha fazla içerik yok.