It's very difficult to get stable repeatable benchmark results for scenarios that tie into React Concurrent mode. The best I've come up with is this one:
- Before concurrent-styled-components.sanity.dev?strategy=ins...
- After concurrent-styled-components.sanity.dev?strategy=use...

Here it is in real-time (and Dark Mode) 🥰 Coming to a @sanity.io UI near you 🔜

Blown away by how smooth @motion.dev orchestrates spring transitions. AnimatePresence + layout="position" + when: 'beforeChildren' let's me fade in the toast card, then stagger and fade in the toast contents, while everything is interruptible and responsive. 💖 The vid is 20x slowed down 🤌

Testing the experimental new React 19 `` component with @hamburger.cloud's awesome PortableText Editor playground to see how it can animate complex content. Super impressed!!! 💖 We'll definitely build on top of this for www.sanity.io/live 😍

Here's what it looks like when using Framer Motion (so much jank!):