Scroll Reveal
33 resources ship this component · Motion & Effects
Also called: reveal, fade in on scroll, intersection reveal, appear animation, stagger reveal.
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
- 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
- Anime.js · The 72,523-star MIT JavaScript animation library, listed here for its easing function editorMotion & InteractionA
- Annnimate · 80 copy-paste GSAP animation components for React, Vue and vanillaMotion & InteractionA
- beUI · 106-item Motion + Tailwind registry for React, shadcn-compatibleMotion & InteractionA
- Chánh Đại Components · 96-item shadcn registry of pixel-perfect portfolio and marketing componentsComponent LibrariesA
- Componentry · 62 animated React components plus 3 blocks, installed via the shadcn CLIMotion & InteractionA
- Cult UI · 82 free design-engineer components plus 10 paid full-stack AI startersComponent LibrariesA
- Details Inspo · 3,500+ web design details filed by component, interaction and industryInspiration GalleriesA
- HyperFrames Docs & Catalog · 515-page HyperFrames manual with a 375-block motion catalog and an llms.txt indexGenerative Media ToolsA
- Kinetics · 153 spring-physics micro-interactions with copy-paste CSS and ReactMotion & InteractionA
- Magic UI · 150+ animated shadcn-compatible React components for landing pagesMotion & InteractionA
- Motion Primitives · 34 MIT motion components for React, installed one at a time by shadcn CLIMotion & InteractionA
- Originkit · 180 animated web components plus 48 page sections, for Framer, React and MCPMotion & InteractionA
- 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
- unlumen UI · Freemium shadcn registry of Motion-driven React componentsComponent LibrariesA
- Eldora UI · 40 animated React components plus 16 landing-page blocks, shadcn-installableMotion & InteractionB
- Fancy Components · An MIT React library of microinteractions at 3,101 stars, organised by physics, text and image effect rather than by widgetMotion & InteractionB
- Highlighters · Physics-modelled highlighter-pen marks for text, in React, Vue, and SvelteMotion & InteractionB
- Made With GSAP · 114 copy-ready GSAP effects: scroll, mouse-move, drag, infinite loopsMotion & InteractionB
- MVPBlocks · 100+ copy-paste Next.js + Tailwind marketing and dashboard blocks, plus 7 templatesBlocks, Templates & ThemesB
- MVPBlocks (source repo) · BSD-3 source for the MVPBlocks block library and its Next.js docs siteBlocks, Templates & ThemesB
- Reverse UI · 68 animated React components built on Framer Motion, sold as a lifetime licenceMotion & InteractionB
- Shoogle · Search engine across 277 shadcn registries, with an MCP and CLI namespaceAgent Design ToolingB
- Son Daven · Webflow site for a Carpathian resort hotel: scroll reveals, drag sliders, unit tabsInspiration GalleriesB
- Spell UI · 33 animated React components — text reveals, WebGL backgrounds, embeds — via shadcn CLIMotion & InteractionB
- Framer University · Free Framer components and resources, each with a live preview, and an llms.txt that serves robots.txt by mistakeBlocks, Templates & ThemesC