# Hero Video Background components

> Browse 5 Hero Video Background components for React, styled with Tailwind CSS and ready for your Next.js project.

11 components available. Showing all of them below.

- [Hero Video Dialog](https://21st.dev/@dillionverma/components/hero-video-dialog.md) — by Dillion Verma
- [Video Scroll Hero](https://21st.dev/@isaiahbjork/components/video-scroll-hero.md) — by Isaiah
- [Hero Section 5](https://21st.dev/@meschacirung/components/hero-section-5.md) — by Méschac Irung
- [PrismaHero](https://21st.dev/@rahil1202/components/prisma-hero.md) — by Rahil Vahora
- [Hero With Video](https://21st.dev/@easemize/components/hero-with-video.md) — by Hossain Jahed
- [Hero Landing Page](https://21st.dev/@minhxthanh/components/hero-landing-page.md) — by Le Thanh
- [Hero Video](https://21st.dev/@youcefbnm/components/hero-video.md) — by YoucefBnm Bnm
- [Aero Hero-2](https://21st.dev/@cnippet.dev/components/aero-hero-2.md) — by Cnippet
- [Hero with bg video](https://21st.dev/@kurket21/components/progressive-hero.md) — by kurket21
- [Animated Banner](https://21st.dev/@dqnamo/components/animated-banner.md) — by dqnamo
- [Hero](https://21st.dev/@ruixen.ui/components/hero.md) — by Ruixen UI

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