Motion

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

[Motion @motiondotdev]

Introducing Motion UI Gallery for React

Eight beautiful built-in arrangements - or roll your own! Build custom detail views with automatic high-res asset transitions. 3D shared element transitions between every state, rendered completely in the DOM.

Now in Motion+

[Motion @motiondotdev]

@baronunread This gets an S with very few animations, low texture memory usage, no thrashing. Only one animation running outside the viewport "span.text-accent.motion-safe:animate-type-6" could guard with inView()/whileInView

[Motion @motiondotdev]

The doctor will see you now.

Reply with your site URL (if it's still online) and we will give you one way you can improve your animation performance, thanks to the new Performance Doctor MCP App.

[Motion @motiondotdev]

@codebydinil 🫠

[Motion @motiondotdev]

Check out the docs: https://t.co/rHBSzxCyJE

[Motion @motiondotdev]

Motion 14.5 introduces scopeMotion and useScopeMotion.

Scope Motion functions for easy cleanup, media query matching, setting default transitions and scoping to an element. Supports a simplified match media syntax.

[Motion @motiondotdev]

@withnabz https://t.co/fHgQgzgxMk

And as promised https://t.co/jXvrXjd7I7

[Motion @motiondotdev]

@ndmhjt Thanks Temi!

[Temi Pinheiro @ndmhjt]

@motiondotdev has been my de facto animation library for so long, it just feels great everywhere, and motion+ is honestly such a huge unlock as well with the amount of things they’ve built for you to just use.
Great documentation and extremely intuitive too. No notes

[Motion @motiondotdev]

@arwinnder Not yet, we can make it an example!

[Motion @motiondotdev]

Motion profile updates:

- Profile page redesign
- New customisation options
- Set profile to "Looking for work"
- New Made with Motion feed
- Motion+ Pro subscribers appear in new "Supported by" section in docs

[Motion @motiondotdev]

@tonyblu331 Approved!

[Motion @motiondotdev]

Motion Studio 2.2 introduces support for reduced motion.

If an animation *should* have a reduced motion version but doesn't, the button will show a warning color. In reduced motion mode you can make your own alternative or get Ultramotion to come up with one for you.

[Motion @motiondotdev]

@bykobe_ Thanks Kobe!

[Motion @motiondotdev]

Apologies for the delay.

Motion 14.2 introduces long-requested features to stagger(): Random, stagger from edge, and grid support.

[Yuri @MrBye32]

Meet GPUI Motion

A Motion-inspired animation library for native Rust interfaces

Springs, layout transitions, drag & snap, and animated text

[Yanis Lebzar @dev_ya]

Delete interaction ✨

The undo grows out of the button you pressed. Confirm on the same spot.

Built with @motiondotdev

[Motion @motiondotdev]

Lenis by @darkroomdevs is *the* smooth scroll library.

You're wiring it up to Motion wrong. So were we - check our new Motion x Lenis guide for the latest guidance.

https://t.co/BMTzfpKG4P

[Motion @motiondotdev]

Typewriter: Create natural typing animations based on real research into how typing cadence varies based on what's being typed.

In Motion UI for React, Vue, and now - vanilla JS too.