Scroll-Driven Animation
19 resources ship this component · Motion & Effects
Also called: scrollytelling, sticky scroll, scroll progress, scroll timeline, pin scroll.
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 Bits · 234 copy-paste animated React components: text effects, cursors, WebGL backgroundsMotion & InteractionS
- React Native Reanimated · UI-thread animation library for React Native, v4 on the New ArchitectureMotion & InteractionS
- UI TripleD · 282-item shadcn registry of motion components, sections and full pagesComponent LibrariesS
- Aceternity UI · 132 motion-heavy React sections; 329 registry items; 17 paid templatesMotion & InteractionA
- Aceternity UI on 21st.dev · All 84 Aceternity components browsable side by side with copy-prompt and CLI installMotion & InteractionA
- Annnimate · 80 copy-paste GSAP animation components for React, Vue and vanillaMotion & InteractionA
- beUI · 76 React motion components and AI agent UI, installed through a shadcn registryComponent LibrariesA
- Canvas UI · 33 WebGL/canvas effects that wrap real HTML, in 6 frameworksTextures, Backgrounds & AssetsA
- Componentry · 62 animated React components plus 3 blocks, installed via the shadcn CLIMotion & InteractionA
- HyperFrames Docs & Catalog · 515-page HyperFrames manual with a 375-block motion catalog and an llms.txt indexGenerative Media ToolsA
- Magic UI · 150+ animated shadcn-compatible React components for landing pagesMotion & InteractionA
- Osmo · Paid vault of 231 GSAP/Webflow interaction recipes plus a 100-button packMotion & InteractionA
- aengel.io Laboratory · 19 WebGPU and TSL experiments — compute fluids, raymarching, refraction — reference only, no source codeTextures, Backgrounds & AssetsB
- Made With GSAP · 114 copy-ready GSAP effects: scroll, mouse-move, drag, infinite loopsMotion & InteractionB
- Motionin · 53 physics-based, cursor-responsive web sections, each delivered as a build prompt for an AI coding toolAgent Design ToolingB
- Skiper UI · 106 animated shadcn/ui components installed by registry, mostly behind a $129 licenceComponent LibrariesB