#152 by installsFrontend & frameworks
vercel-react-view-transitions
Add smooth native animations between UI states using React's View Transition API
143K
8.6K
31.9K
Mar 31, 2026
Install
npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-view-transitionsWhat it does
Implements the browser's native document.startViewTransition for performant, GPU-accelerated animations between pages, routes, and component states in React and Next.js. Reach for this when you need page transitions, route changes, shared element animations, or list reorders without third-party libraries. Gracefully degrades in unsupported browsers.
- Animate route changes and page transitions with directional (forward/back) awareness
- Create shared element animations that communicate spatial continuity across state changes
- Handle component enter/exit, list reordering, and data loading reveals with CSS view-transition pseudo-elements
- Declarative <ViewTransition> component with built-in priority patterns (shared elements → suspense → list identity → state change → routes)
