# Cinematic components

> Browse 6 Cinematic components for React, styled with Tailwind CSS and ready for your Next.js project.

41 components available. Showing all of them below.

- [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
- [Motion Footer](https://21st.dev/@easemize/components/motion-footer.md) — by Hossain Jahed
- [PrismaHero](https://21st.dev/@rahil1202/components/prisma-hero.md) — by Rahil Vahora
- [Smooth Scroll Hero](https://21st.dev/@ishamsu/components/smooth-scroll-hero.md) — by Shamsu Musthafa
- [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
- [Hero Scrub](https://21st.dev/@jean.duthil13/components/hero-scrub.md) — by Jean Duthil
- [Responsive Hero Banner](https://21st.dev/@sensewood8/components/responsive-hero-banner.md) — by Saifullah Channa
- [3D Animation](https://21st.dev/@dhileepkumargm/components/3d-animation.md) — by Dhileep Kumar GM
- [Video Scroll Hero](https://21st.dev/@isaiahbjork/components/video-scroll-hero.md) — by Isaiah
- [Reveal Text](https://21st.dev/@isaiahbjork/components/reveal-text.md) — by Isaiah
- [Hero Shutter Text](https://21st.dev/@daiwiikharihar17147/components/hero-shutter-text.md) — by Daiwiik Harihar
- [Slideshow](https://21st.dev/@jod49034/components/slideshow.md) — by Jod
- [Portfolio Gallery](https://21st.dev/@isaiahbjork/components/portfolio-gallery.md) — by Isaiah
- [Cinematic Theme Switcher](https://21st.dev/@omrohilla6/components/cinematic-theme-switcher.md) — by Om
- [BlurTextAnimation](https://21st.dev/@xubohuah/components/blur-text-animation.md) — by KainXu
- [Davincho Hero-1](https://21st.dev/@cnippet.dev/components/davincho-hero-1.md) — by Cnippet
- [Video Thumbnail Player](https://21st.dev/@ravikatiyar162/components/video-thumbnail-player.md) — by Ravi Katiyar
- [Ethereal](https://21st.dev/@lovesickfromthe6ix/components/ethereal.md) — by scott clayton
- [Kinetic Team Hybrid](https://21st.dev/@daiwiikharihar17147/components/kinetic-team-hybrid.md) — by Daiwiik Harihar
- [Wilderness](https://21st.dev/@patrick.thomas.dunn1988/components/wilderness.md) — by Patrick Dunn
- [Cinematic Glow Toggle](https://21st.dev/@daiwiikharihar17147/components/cinematic-glow-toggle.md) — by Daiwiik Harihar
- [Desert Drift](https://21st.dev/@patrick.thomas.dunn1988/components/desert-drift.md) — by Patrick Dunn
- [Text Reveal](https://21st.dev/@daiwiikharihar17147/components/text-reveal.md) — by Daiwiik Harihar
- [Contributors Section](https://21st.dev/@makviesainte/components/contributors-section.md) — by Mak VieSAinte
- [Volumetric Studio](https://21st.dev/@alexperezcedeno/components/volumetric-studio.md) — by uithefactory
- [Explorations with GSAP and Scroll Trigger](https://21st.dev/@filipz/components/explorations-with-gsap-and-scroll-trigger.md) — by filipz
- [Cinematic Product Scroll Section](https://21st.dev/@a.karamooz3232/components/cinematic-product-scroll-section.md) — by ali karamooz
- [3D Parallax Unfurling Gallery](https://21st.dev/@piyushxdev/components/3d-parallax-unfurling-gallery.md) — by Piyush
- [Rain and lightening Hero Section](https://21st.dev/@ravikatiyar162/components/rain-and-lightening-hero-section.md) — by Ravi Katiyar
- [Beam Sweep Field](https://21st.dev/@nexus-ui/components/beam-sweep-field.md) — by Nexus UI
- [Act of creation](https://21st.dev/@mkasiak/components/act-of-creation.md) — by Marcin Kasiak
- [Interactive Dot Grid Hero](https://21st.dev/@nexus-ui/components/dot-grid-hero.md) — by Nexus UI
- [Vignette Bloom](https://21st.dev/@serafimcloud/components/vignette-bloom.md) — by Serafim
- [laser focus](https://21st.dev/@jorgevarelarz/components/laser-focus.md) — by jorgevarelarz
- [Horizontal Depth Fade](https://21st.dev/@unlumen/components/horizontal-depth-fade.md) — by Unlumen UI
- [First Light](https://21st.dev/@serafimcloud/components/first-light.md) — by Serafim
- [Shadowplay](https://21st.dev/@serafimcloud/components/shadowplay.md) — by Serafim
- [Hover Highlight Text](https://21st.dev/@nexus-ui/components/hover-highlight-text.md) — by Nexus UI
- [Amber Dusk](https://21st.dev/@serafimcloud/components/amber-dusk.md) — by Serafim

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