@motiondotdev

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

 Amsterdam
motion.dev
Joined March 2009
  • Tweets1.3K
  • Following7
  • Followers16.3K
234Media
Include

Only show posts containing:

Exclude

Hide posts containing:

Time range
-
Minimum likes
Replying to @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
1
1
13
Replying to @codebydinil
🫠
1
15
Check out the docs: motion.dev/docs/scope-motion

scopeMotion() | Group and clean up animations in JavaScript | Motion

Group animations, gestures, scroll and inView listeners with Motion's scopeMotion() function. Stop or cancel them together and restore inline styles, scope selectors to a root element, set a default...

motion.dev
290
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.
2
1
35
3,620
Replying to @withnabz
motion.dev/plus And as promised gist.github.com/mattgperry/6…

Motion+ (Motion Plus): premium animation examples, components and AI Kit

Motion+ (Motion Plus) is a one-time payment for 510+ premium animation examples, Motion UI and the AI Kit, from the makers of Motion.

motion.dev
45
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.
5
2
28
1,724
Replying to @ndmhjt
Thanks Temi!
1
1
23
Replying to @motiondotdev
@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
Yanis Lebzar
@dev_yaOct 21
Bulk delete ✨ Drag to select, the files stack into one, undo deals them back out. Built with @motiondotdev
1
1
1
4
377
Replying to @arwinnder
Not yet, we can make it an example!
1
20
Replying to @tonyblu331
Approved!
1
21
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
2
2
35
1,535
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.
3
23
1,266
Replying to @bykobe_
Thanks Kobe!
1
1
45
Apologies for the delay. Motion 14.2 introduces long-requested features to stagger(): Random, stagger from edge, and grid support.
3
1
107
2,917
Motion retweeted
Yuri
@MrBye32Oct 19
Meet GPUI Motion A Motion-inspired animation library for native Rust interfaces Springs, layout transitions, drag & snap, and animated text
13
49
6
874
21,622
1
1
47
2,456
Motion retweeted
Yanis Lebzar
@dev_yaOct 19
Delete interaction ✨ The undo grows out of the button you pressed. Confirm on the same spot. Built with @motiondotdev
5
5
83
2,664
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. motion.dev/docs/lenis
2
8
2
66
3,599
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.
1
2
55
2,384
Replying to @nasm423 @mattgperry
Could be accelerated transforms release - will check
31
Load more