React View Transitions Animate between UI states using the browser's native . Declare what with , trigger when with / / , control how with CSS classes. Unsupported browsers skip animations gracefully. When to Animate Every should communicate a spatial relationship or continuity. If you can't articulate what it communicates, don't add it. Implement all applicable patterns from this list, in this order: | Priority | Pattern | What it communicates | |----------|---------|---------------------| | 1 | Shared element ( ) | "Same thing — going deeper" | | 2 | Suspense reveal | "Data loaded" | | 3 |…