# Scroll Trigger components > Trigger animations and effects with 8 scroll-trigger components built for React and Tailwind CSS, perfect for interactive Next.js interfaces. 53 components available. Showing all of them below. - [Scroll trigger animations](https://21st.dev/@youcefbnm/components/scroll-trigger-animations.md) — by YoucefBnm Bnm - [Scroll trigger animations](https://21st.dev/@youcefbnm/components/scroll-trigger-animations/scroll-trigger-scale-demo.md) — by YoucefBnm Bnm - [Scroll trigger animations](https://21st.dev/@youcefbnm/components/scroll-trigger-animations/scroll-trigger-inset-x-demo.md) — by YoucefBnm Bnm - [Scroll trigger animations](https://21st.dev/@youcefbnm/components/scroll-trigger-animations/scroll-trigger-inset-y-demo.md) — by YoucefBnm Bnm - [Scroll trigger animations](https://21st.dev/@youcefbnm/components/scroll-trigger-animations/scroll-trigger-radius-demo.md) — by YoucefBnm Bnm - [Scroll Autoplay](https://21st.dev/@youcefbnm/components/scroll-autoplay.md) — by YoucefBnm Bnm - [Container Scroll Animation](https://21st.dev/@manuarora700/components/container-scroll-animation.md) — by Manu Arora - [Motion Footer](https://21st.dev/@easemize/components/motion-footer.md) — by Hossain Jahed - [Story scroll](https://21st.dev/@boudjadjasamira/components/story-scroll.md) — by Samira Boudjadja - [Text Reveal](https://21st.dev/@dillionverma/components/text-reveal.md) — by Dillion Verma - [Hero Scrub](https://21st.dev/@jean.duthil13/components/hero-scrub.md) — by Jean Duthil - [Hero Gallery Scroll Animation](https://21st.dev/@youcefbnm/components/hero-gallery-scroll-animation.md) — by YoucefBnm Bnm - [Video Scroll Hero](https://21st.dev/@isaiahbjork/components/video-scroll-hero.md) — by Isaiah - [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 - [Svg follow scroll](https://21st.dev/@reuno-ui/components/svg-follow-scroll.md) — by reuno-ui - [Animated Gallery](https://21st.dev/@youcefbnm/components/animated-gallery/animated-scroll-gallery.md) — by YoucefBnm Bnm - [Text Block Animation](https://21st.dev/@daiwiikharihar17147/components/text-block-animation.md) — by Daiwiik Harihar - [Robot Flyby](https://21st.dev/@patrick.thomas.dunn1988/components/robot-flyby.md) — by Patrick Dunn - [Footer](https://21st.dev/@info-mdshakeeb/components/footer.md) — by shakeeb - [Scroll Portrait Wall](https://21st.dev/@ruixen.ui/components/scroll-portrait-wall.md) — by Ruixen UI - [Stack Card](https://21st.dev/@itsankitverma/components/stack-card.md) — by Ankit Verma - [In view](https://21st.dev/@ibelick/components/in-view.md) — by Julien Thibeaut - [Scroll FAQ Accordion](https://21st.dev/@ruixen.ui/components/scroll-faqaccordion.md) — by Ruixen UI - [In view](https://21st.dev/@ibelick/components/in-view/multiple.md) — by Julien Thibeaut - [Whisper Text](https://21st.dev/@kauasodreas/components/whisper-text.md) — by User - [Hero Section](https://21st.dev/@ravikatiyar162/components/hero-section-3.md) — by Ravi Katiyar - [Process Timeline](https://21st.dev/@youcefbnm/components/process-timeline.md) — by YoucefBnm Bnm - [FeaturesDetail](https://21st.dev/@ruixen.ui/components/features-detail.md) — by Ruixen UI - [Wavy Text Block](https://21st.dev/@youcefbnm/components/wavy-text-block.md) — by YoucefBnm Bnm - [Tracing Beam](https://21st.dev/@manuarora700/components/tracing-beam.md) — by Manu Arora - [Alice Scroll Story](https://21st.dev/@kedhareswer.12110626/components/alice-scroll-story.md) — by Kedhareswer Naidu - [Scroll Navigation Menu](https://21st.dev/@spaceboydavey/components/scroll-navigation-menu.md) — by Davey - [Scroll Animation](https://21st.dev/@uilayout.contact/components/scroll-animation.md) — by UI Layouts - [Explorations with GSAP and Scroll Trigger](https://21st.dev/@filipz/components/explorations-with-gsap-and-scroll-trigger.md) — by filipz - [Scroll-linked spring animation](https://21st.dev/@itsankitverma/components/scroll-linked-spring-animation.md) — by Ankit Verma - [Sketchbook Reveal Card](https://21st.dev/@dhileepkumargm/components/sketchbook-reveal-card.md) — by Dhileep Kumar GM - [Flow Hero-1](https://21st.dev/@cnippet.dev/components/flow-hero-1.md) — by Cnippet - [Scramble text](https://21st.dev/@deltacomponents/components/scramble-text/intersection-observer-component.md) — by deltacomponents - [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 01](https://21st.dev/@felipemenezes098/components/scroll-01.md) — by felipemenezes098 - [Scroll Reveal](https://21st.dev/@cnippet.dev/components/scroll-reveal/feature-section.md) — by Cnippet - [Text Scroll Read](https://21st.dev/@youcefbnm/components/text-scroll-read.md) — by YoucefBnm Bnm - [Text Highlighter](https://21st.dev/@danielpetho/components/text-highlighter/text-highlighter-ref-demo.md) — by Daniel Petho - [Text Reveal Block](https://21st.dev/@soralabs/components/text-reveal-block.md) — by Sora UI - [Ghost Reveal](https://21st.dev/@arlanoska/components/ghosty-reveal.md) — by Arlan - [Text Highlighter](https://21st.dev/@danielpetho/components/text-highlighter/text-highlighter-hover-demo.md) — by Daniel Petho - [Horizontal Scroll Gallery](https://21st.dev/@pulkitxm/components/horizontal-scroll-gallery.md) — by Pulkit - [Product Packs Pricing](https://21st.dev/@uilayout.contact/components/product-packs.md) — by UI Layouts - [Reveal Text](https://21st.dev/@educlopez/components/reveal-text.md) — by Edu Calvo - [Encrypted Text](https://21st.dev/@manuarora700/components/encrypted-text.md) — by Manu Arora - [Line Draw SVG](https://21st.dev/@pulkitxm/components/line-draw-svg.md) — by Pulkit Full component directory: https://21st.dev/llms.txt