Scroll-Driven Animation
18 resources in the index ship this component, best first. Group: Motion & Effects.
Also called · scrollytelling · sticky scroll · scroll progress · scroll timeline · pin scroll
Ships it
18- 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 Bits · 234 copy-paste animated React components: text effects, cursors, WebGL backgrounds
- React Native Reanimated · UI-thread animation library for React Native, v4 on the New Architecture
- UI TripleD · 282-item shadcn registry of motion components, sections and full pages
- Aceternity UI · 132 motion-heavy React sections; 329 registry items; 17 paid templates
- Aceternity UI on 21st.dev · All 84 Aceternity components browsable side by side with copy-prompt and CLI install
- Annnimate · 80 copy-paste GSAP animation components for React, Vue and vanilla
- beUI · 76 React motion components and AI agent UI, installed through a shadcn registry
- Canvas UI · 33 WebGL/canvas effects that wrap real HTML, in 6 frameworks
- Componentry · 62 animated React components plus 3 blocks, installed via the shadcn CLI
- HyperFrames Docs & Catalog · 515-page HyperFrames manual with a 375-block motion catalog and an llms.txt index
- Magic UI · 150+ animated shadcn-compatible React components for landing pages
- Osmo · Paid vault of 231 GSAP/Webflow interaction recipes plus a 100-button pack
- aengel.io Laboratory · 19 WebGPU and TSL experiments — compute fluids, raymarching, refraction — reference only, no source code
- Made With GSAP · 114 copy-ready GSAP effects: scroll, mouse-move, drag, infinite loops
- Skiper UI · 106 animated shadcn/ui components installed by registry, mostly behind a $129 licence