# Scroll Area components > Optimize space and navigation using 26 scroll area React components, crafted with Tailwind CSS for smooth scrolling in Next.js. 200 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/scroll-area. - [Infinite Slider](https://21st.dev/@ibelick/components/infinite-slider/with-custom-hover-speed.md) — by Julien Thibeaut - [Infinite Slider](https://21st.dev/@ibelick/components/infinite-slider/vertical.md) — by Julien Thibeaut - [Scroll Area](https://21st.dev/@shadcn/components/scroll-area.md) — by shadcn - [XScroll](https://21st.dev/@nelwincatalogo/components/x-scroll.md) — by Nelwin Catalogo - [Scroll Area](https://21st.dev/@lina.sameer/components/scroll-area-1/horizontal-scroll.md) — by lina.sameer - [Horizontal Scroll Carousel](https://21st.dev/@uniquesonu/components/horizontal-scroll-carousel.md) — by Sonu - [Scroll Area](https://21st.dev/@lina.sameer/components/scroll-area-1.md) — by lina.sameer - [Scroll Area](https://21st.dev/@sean0205/components/scroll-area.md) — by Sean Hello - [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 Fade Effect](https://21st.dev/@moumensoliman/components/scroll-fade-effect.md) — by Moumen Soliman - [Scroll trigger animations](https://21st.dev/@youcefbnm/components/scroll-trigger-animations/scroll-trigger-inset-y-demo.md) — by YoucefBnm Bnm - [Scroll Area](https://21st.dev/@preetsuthar17/components/scroll-area.md) — by Preet Suthar - [Scroll trigger animations](https://21st.dev/@youcefbnm/components/scroll-trigger-animations/scroll-trigger-radius-demo.md) — by YoucefBnm Bnm - [Scroll Area](https://21st.dev/@olivier_1b6cd5bc/components/scroll-area-1.md) — by Olivier Tassinari - [Horizontal Scroll](https://21st.dev/@uilayout.contact/components/horizontal-scroll.md) — by UI Layouts - [Scroll Fade List](https://21st.dev/@dqnamo/components/scroll-fade-list.md) — by dqnamo - [Scroll 01](https://21st.dev/@felipemenezes098/components/scroll-01.md) — by felipemenezes098 - [Scroll Area](https://21st.dev/@extend-hq/components/scroll-area.md) — by extend-hq - [Infinite scroll container](https://21st.dev/@youcefbnm/components/infinite-scroll-container/infinite-scroll-container-demo.md) — by YoucefBnm Bnm - [Infinite List](https://21st.dev/@joyco/components/infinite-list.md) — by JOYCO - [8-bit Scroll Area](https://21st.dev/@theorcdev/components/8bit-scroll-area.md) — by OrcDev - [HeroUI Scroll Shadow](https://21st.dev/@hero_ui/components/heroui-scroll-shadow.md) — by Hero Ui - [Scroll Autoplay](https://21st.dev/@youcefbnm/components/scroll-autoplay.md) — by YoucefBnm Bnm - [Scroll Area File Explorer](https://21st.dev/@shadcnspace/components/scroll-area-01.md) — by ShadcnSpace - [Horizontal Scroll Gallery](https://21st.dev/@pulkitxm/components/horizontal-scroll-gallery.md) — by Pulkit - [HeroUI Scroll Shadow](https://21st.dev/@hero_ui/components/heroui-scroll-shadow/hide-scroll-bar.md) — by Hero Ui - [HeroUI Scroll Shadow](https://21st.dev/@hero_ui/components/heroui-scroll-shadow/orientation.md) — by Hero Ui - [Infinite Circular Scroll](https://21st.dev/@pulkitxm/components/infinite-circular-scroll.md) — by Pulkit - [Scroll Area](https://21st.dev/@bundui/components/scroll-area3.md) — by Shadcn UI Kit - [Notification Scroll Area](https://21st.dev/@bundui/components/scroll-area4.md) — by Shadcn UI Kit - [HeroUI Scroll Shadow](https://21st.dev/@hero_ui/components/heroui-scroll-shadow/with-card.md) — by Hero Ui - [HeroUI Scroll Shadow](https://21st.dev/@hero_ui/components/heroui-scroll-shadow/visibility-change.md) — by Hero Ui - [HeroUI Scroll Shadow](https://21st.dev/@hero_ui/components/heroui-scroll-shadow/custom-shadow-size.md) — by Hero Ui - [Scroll Area with Sheet](https://21st.dev/@bundui/components/scroll-area2.md) — by Shadcn UI Kit - [Scroll Blur](https://21st.dev/@corr/components/scroll-blur.md) — by Liam Corrigan - [Container Scroll Animation](https://21st.dev/@manuarora700/components/container-scroll-animation.md) — by Manu Arora - [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 - [Testimonials with Marquee](https://21st.dev/@serafimcloud/components/testimonials-with-marquee.md) — by Serafim - [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 - [Dialog](https://21st.dev/@originui/components/dialog/scrollable-sticky-footer.md) — by Origin UI - [Dialog](https://21st.dev/@originui/components/dialog/terms-conditions-dialog.md) — by Origin UI - [Dialog](https://21st.dev/@originui/components/dialog/scrollable-sticky-header.md) — by Origin UI - [Dialog](https://21st.dev/@originui/components/dialog/scrollable-custom-scrollbar.md) — by Origin UI - [Dialog](https://21st.dev/@originui/components/dialog/scrollable-native-scrollbar.md) — by Origin UI - [3D Testimonails](https://21st.dev/@sean0205/components/3d-testimonails.md) — by Sean Hello - [Text Reveal](https://21st.dev/@dillionverma/components/text-reveal.md) — by Dillion Verma - [Sticky Scroll](https://21st.dev/@uilayout.contact/components/sticky-scroll.md) — by UI Layouts - [Infinite Slider](https://21st.dev/@ibelick/components/infinite-slider.md) — by Julien Thibeaut - [Marquee](https://21st.dev/@lukacho/components/marquee.md) — by lukacho/ui - [Parallax Scrolling](https://21st.dev/@osmosupply/components/parallax-scrolling.md) — by osmosupply - [Progressive blur](https://21st.dev/@ibelick/components/progressive-blur/with-slider-and-different-directions.md) — by Julien Thibeaut - [Hero scroll animation](https://21st.dev/@uilayout.contact/components/hero-scroll-animation.md) — by UI Layouts - [Hero Scrub](https://21st.dev/@jean.duthil13/components/hero-scrub.md) — by Jean Duthil - [Tabs](https://21st.dev/@originui/components/tabs/with-icons-scroll-and-badge.md) — by Origin UI - [Tabs](https://21st.dev/@originui/components/tabs/with-scroll-and-icons.md) — by Origin UI - [Cases with Infinite Scroll](https://21st.dev/@tommyjepsen/components/cases-with-infinite-scroll.md) — by Tommy Jepsen Full component directory: https://21st.dev/llms.txt