Page Transition
17 resources in the index ship this component, best first. Group: Motion & Effects.
Also called · route animation · navigation animation · screen transition
Ships it
17- GSAP · JavaScript animation engine with 19 plugins, now free for commercial use
- HyperFrames · Apache-2.0 framework that renders HTML compositions to deterministic MP4, built for agents
- Motion · Hybrid JS/React/Vue animation engine with springs, layout and scroll animation
- React Native Reanimated · UI-thread animation library for React Native, v4 on the New Architecture
- remocn · 282 Remotion components for product-demo video, installed by the shadcn CLI
- Annnimate · 80 copy-paste GSAP animation components for React, Vue and vanilla
- Componentry · 62 animated React components plus 3 blocks, installed via the shadcn CLI
- Details Inspo · 3,500+ web design details filed by component, interaction and industry
- Huashu Design · Agent skill that renders prototypes, decks, MP4 motion and infographics from prompts
- HyperFrames Docs & Catalog · 515-page HyperFrames manual with a 375-block motion catalog and an llms.txt index
- Osmo · Paid vault of 231 GSAP/Webflow interaction recipes plus a 100-button pack
- SmoothUI · 130 animated React components including 33 text effects and 16 shader transitions
- Theme Toggle Effect · Copy-paste CSS for View Transitions API theme-switch animations
- Transitions.dev · 35 essential web-app transitions, packaged as an agent skill
- unlumen UI · Freemium shadcn registry of Motion-driven React components
- Guizang PPT Skill · Agent skill for single-file HTML decks in editorial or Swiss style, plus social covers
- Transition.css · 52 drop-in clip-path enter/exit transitions applied with an HTML attribute