# Scroll Animation components

> Enhance user experience with 21 scroll animation components for React using Tailwind CSS, adding dynamic effects as visitors scroll your site.

152 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/scroll-animation.

- [Container Scroll Animation](https://21st.dev/@manuarora700/components/container-scroll-animation.md) — by Manu Arora
- [Story scroll](https://21st.dev/@boudjadjasamira/components/story-scroll.md) — by Samira Boudjadja
- [ScrollTiltedGrid](https://21st.dev/@ruixen.ui/components/scroll-tilted-grid.md) — by Ruixen UI
- [Text Scroll animation](https://21st.dev/@reuno-ui/components/text-scroll-animation.md) — by reuno-ui
- [Scrolling animation](https://21st.dev/@minhxthanh/components/scrolling-animation.md) — by Le Thanh
- [Animated Scroll](https://21st.dev/@minhxthanh/components/animated-scroll.md) — by Le Thanh
- [Scroll Card](https://21st.dev/@uilayout.contact/components/scroll-card.md) — by UI Layouts
- [Smooth Scroll](https://21st.dev/@uilayout.contact/components/smooth-scroll.md) — by UI Layouts
- [Interactive Scrolling Story Component](https://21st.dev/@minhxthanh/components/interactive-scrolling-story-component.md) — by Le Thanh
- [Container Text Scroll](https://21st.dev/@ruixen.ui/components/container-text-scroll.md) — by Ruixen UI
- [Scroll Animation](https://21st.dev/@uilayout.contact/components/scroll-animation.md) — by UI Layouts
- [Scroll-linked spring animation](https://21st.dev/@itsankitverma/components/scroll-linked-spring-animation.md) — by Ankit Verma
- [you can scroll.](https://21st.dev/@jh3yy_deleted/components/you-can-scroll.md) — by jh3yy_deleted
- [Scroll Reveal Content A](https://21st.dev/@abui/components/scroll-reveal-content-a.md) — by abui.io
- [Scroll Reveal](https://21st.dev/@cnippet.dev/components/scroll-reveal.md) — by Cnippet
- [Scroll Animation](https://21st.dev/@saurabh10102/components/scroll-animation.md) — by Saurabh Chauhan
- [Scroll Reveal](https://21st.dev/@cnippet.dev/components/scroll-reveal/feature-section.md) — by Cnippet
- [Scroll Reveal](https://21st.dev/@cnippet.dev/components/scroll-reveal/stepped-list.md) — by Cnippet
- [Text Scroll Read](https://21st.dev/@youcefbnm/components/text-scroll-read.md) — by YoucefBnm Bnm
- [Scroll Reveal](https://21st.dev/@educlopez/components/scroll-reveal.md) — by Edu Calvo
- [Testimonials Columns](https://21st.dev/@sshahaider/components/testimonials-columns-1.md) — by Efferd
- [Scroll media expansion hero](https://21st.dev/@arunachalam/components/scroll-expansion-hero.md) — by Arunachalam
- [Timeline](https://21st.dev/@manuarora700/components/timeline.md) — by Manu Arora
- [Zoom Parallax](https://21st.dev/@sshahaider/components/zoom-parallax.md) — by Efferd
- [Horizon Hero Section](https://21st.dev/@lovesickfromthe6ix/components/horizon-hero-section.md) — by scott clayton
- [Scroll Morph Hero](https://21st.dev/@prashantsom75/components/scroll-morph-hero.md) — by Prashant Som
- [Footer Section](https://21st.dev/@sshahaider/components/footer-section.md) — by Efferd
- [Header 2](https://21st.dev/@sshahaider/components/header-2.md) — by Efferd
- [3D Gallery Photography](https://21st.dev/@moazamtrade/components/3d-gallery-photography.md) — by shadway
- [Text Reveal](https://21st.dev/@dillionverma/components/text-reveal.md) — by Dillion Verma
- [Smooth Scroll Hero](https://21st.dev/@ishamsu/components/smooth-scroll-hero.md) — by Shamsu Musthafa
- [Hero Parallax](https://21st.dev/@manuarora700/components/hero-parallax.md) — by Manu Arora
- [Google Gemini Effect](https://21st.dev/@manuarora700/components/google-gemini-effect.md) — by Manu Arora
- [Full Screen Scroll FX](https://21st.dev/@lovesickfromthe6ix/components/full-screen-scroll-fx.md) — by scott clayton
- [Parallax Scrolling](https://21st.dev/@osmosupply/components/parallax-scrolling.md) — by osmosupply
- [About Us section](https://21st.dev/@uniquesonu/components/about-us-section.md) — by Sonu
- [Section With Mockup](https://21st.dev/@aghasisahakyan1/components/section-with-mockup.md) — by Erik X
- [Animated Cards Stack](https://21st.dev/@youcefbnm/components/animated-cards-stack.md) — by YoucefBnm Bnm
- [Hero scroll animation](https://21st.dev/@uilayout.contact/components/hero-scroll-animation.md) — by UI Layouts
- [Vertical Image Stack](https://21st.dev/@jatin-yadav05/components/vertical-image-stack.md) — by Jatin Yadav
- [Text Parallax Content (scroll)](https://21st.dev/@uniquesonu/components/text-parallax-content-scroll.md) — by Sonu
- [Retro Grid](https://21st.dev/@dillionverma/components/retro-grid.md) — by Dillion Verma
- [Floating Navbar](https://21st.dev/@manuarora700/components/floating-navbar.md) — by Manu Arora
- [Cards Stack](https://21st.dev/@youcefbnm/components/cards-stack.md) — by YoucefBnm Bnm
- [Hero Gallery Scroll Animation](https://21st.dev/@youcefbnm/components/hero-gallery-scroll-animation.md) — by YoucefBnm Bnm
- [Sticky Scroll Reveal](https://21st.dev/@manuarora700/components/sticky-scroll-reveal.md) — by Manu Arora
- [Video Scroll Hero](https://21st.dev/@isaiahbjork/components/video-scroll-hero.md) — by Isaiah
- [Stacking card](https://21st.dev/@uilayout.contact/components/stacking-card.md) — by UI Layouts
- [Modern Hero](https://21st.dev/@uniquesonu/components/modern-hero.md) — by Sonu
- [features](https://21st.dev/@sehajbindra/components/features.md) — by Sehajeet Singh Bindra
- [Scroll Reel Testimonials](https://21st.dev/@smammar100/components/scroll-reel-testimonials.md) — by Syed Mohammad Ammar
- [PARALLAX SCROLL FEATURE SECTION](https://21st.dev/@sumonadotwork/components/parallax-scroll-feature-section.md) — by Sumona Biswas
- [Text Gradient Scroll](https://21st.dev/@bundui/components/text-gradient-scroll.md) — by Shadcn UI Kit
- [Magic Text](https://21st.dev/@preetsuthar17/components/magic-text.md) — by Preet Suthar
- [Sticky scroll cards section](https://21st.dev/@minhxthanh/components/sticky-scroll-cards-section.md) — by Le Thanh
- [Hero Section](https://21st.dev/@ravikatiyar162/components/hero-section-5.md) — by Ravi Katiyar
- [Landing Page](https://21st.dev/@m.umairwaheedansari/components/landing-page.md) — by Umair Waheed
- [Portfolio and Image Gallery](https://21st.dev/@iamsatish4564/components/portfolio-and-image-gallery.md) — by iamsatish4564
- [ReleaseTimeLine](https://21st.dev/@ruixen.ui/components/release-time-line.md) — by Ruixen UI
- [Parallax Grid Scroll](https://21st.dev/@manuarora700/components/parallax-scroll.md) — by Manu Arora

Full component directory: https://21st.dev/llms.txt