Summary & Key Takeaways ​

• Chrome 147 ships with new capabilities for View Transitions, specifically enabling concurrent and nested transitions.
• Element-scoped view transitions allow developers to define transitions for specific elements, rather than the entire document.
• This enhancement provides greater control and flexibility for animating UI changes, leading to more sophisticated user experiences.
• Developers can now orchestrate multiple independent transitions simultaneously and create hierarchical animations.

Our Commentary ​

View Transitions were already a game-changer for creating smooth, app-like experiences on the web. Now, with concurrent and nested transitions, Chrome is really unlocking their full potential. This is huge for complex UIs where you might have multiple independent components animating at once, or where a parent transition needs to contain child transitions. It means less JavaScript wrangling for intricate animations and more declarative control through CSS. I'm genuinely excited to see the creative ways developers will leverage this to build truly dynamic and engaging interfaces. This feels like a significant step towards closing the gap between native app fluidity and web capabilities.