Skip to main content

View Transitions

Smooth page and element transitions using the native View Transitions API.

Navigate with Transition

Swap content with a smooth crossfade — uses document.startViewTransition() if supported.

Click to navigate between pages

Shared Element Transitions

Click a card — it expands into a detail view with a shared element animation.

Signals
Islands
Security
Click a card to expand

Transition Types

Apply named transition types to control the animation style.

fade
Choose a transition type