Introducing Arcs in Motion 12.40.
Arcs animate elements along curved paths. These aren't static like offset-path, they're dynamic and work with both x/y and layout animations.
They're easy to tweak too, thanks to strength, peak, and auto-rotate options!
To get good animations from an AI you need to get good at telling it what you want:
- "stagger this list of items"
- "make this animation direction-aware"
- "spacial consistency", "crossfade", "layout animation",
I made a motion vocabulary for this:
https://t.co/ExAxpr31no
Introducing the gradient border plugin
Familiar syntax, CSS-only, works everywhere. Easiest way for agents (and humans) to add border gradients via tailwind.
💚 3.15 is out, with adaptive directional easing 👀
Ever called reverse() on an animation and noticed the motion feels... off? That's because reversing an animation also reverses the easing curve, so an ease-out becomes an ease-in. Now with easeReverse - you’ve got more creative control over how that reverse animation feels!
You can enroll in my animation course for the next 10 days!
It’s the perfect way to learn the theory behind great animations, but also how to build them in code.
Now with a skill file for coding agents.
We’ll cover all of these components and more, source code included.
Introducing <AnimateView /> - a 3kb component for using view transitions in React. Now in Motion+ Early Access.
Use Motion springs, define keyframes, fire callbacks, all without getting your feet muddy in pseudo-selectors.
The long due update to our locomotive-scroll library is finally here.
Now built on top of Lenis (@LenisSmooth), plus our detection and animation layer.
Happy scrolling → https://t.co/dQ9BC2MKBB