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