Since I started tweeting about Motion six years ago, my personal account accidentally became the official account. You might have noticed I've been bringing @motiondotdev back to life. Follow for the latest news, release announcements and inspiration 🚀

Was lucky enough to spend a few nights in Tokyo recently, here’s a few of my favourite shots. Going B&W made it 1000x easier to wrangle an onslaught of color

Hello, here's a brain dump of everything I know about animation performance. By replacing a single global CSS variable with JS animations, I took style recalculations on a popular portfolio website down from a whopping 8ms to nanoseconds. That and much more in this post.

I’m writing a post about web animation performance. It’s pretty extensive but I’d love to know if there’s anything you find particularly confusing?

Been having a lot of fun animating SVGs lately. I usually make them in Figma, export the code and then animate them using the `pathLength` prop in Motion.

Certain I’ve done it myself but now that I’ve noticed this subgenre I’m gonna make an effort to like, not do that

Noticing an uptick in the “dickhead reply”: “Made this in 2hrs” > Did it in 1 “Made this with JS” > Did it without “Made this today” > Did it way back when, great attempt! Massive sign of insecurity. Let people show off without needing to plant your flag on it.

Are you on LinkedIn? We've just joined, follow us for product updates, behind the scenes, and more:

Quick hack on a pricing box animation.

A beauty! #madewithmotion

Infinite diagonal image carousel using @motiondotdev

Carousel with some spring animations using @motiondotdev

The Carousel is designed to be composable, providing data, measurements and imperative controls via context for total flexibility in designing your own custom controls and page indicators

Something I've wanted to try for a while: I'm opening up 2 private consultation slots per month. I'll work directly with teams on their complex Motion challenges, from design to performance. The idea is to spot patterns and feed solutions back into the core library.

Check out this gorgeous new site by Motion+ member @lucasvocos, using layout animations, Cursor, and our sponsor @LottieFiles for the intro animation

Motion+ Ticker now supports ↔️ RTL layouts. Its unique minimal clone renderer now works with both LTR and RTL layouts. As an added QoL bonus, animation velocity and useItemOffset are automatically flipped, allowing true write-once i18n'd animations.

and another ♾ demo with some extra spice from @motiondotdev

Now in Motion+ Early Access: AnimateActivity This is an animated version of the new @reactjs Activity component. Unlike AnimatePresence, children in the DOM, hidden with display: none. This allows browsers to pre-render hidden components and fetch resources early.

Looking forward to collecting feedback on this one. Unlike AnimatePresence, which has a clear initial -> animate -> exit lifecycle, with AnimateActivity children are intended to maintain state when hidden. Therefore, components now animate back out from exit when shown again.

> weight widget interaction inspired by @nitishkmrk > made with @motiondotdev

The best bit is I rewrote it all in vanilla JS so once I've got Carousel out, I'm going to add a wheel gesture handler (with swipe detection) to the main library (coming first to Motion+ Early Access ofc 🙂 )