# Video Background components > Browse 5 Video Background components for React, styled with Tailwind CSS and ready for your Next.js project. 78 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/video-background. - [Scroll media expansion hero](https://21st.dev/@arunachalam/components/scroll-expansion-hero.md) — by Arunachalam - [Hero Section 5](https://21st.dev/@meschacirung/components/hero-section-5.md) — by Méschac Irung - [Hero Scrub](https://21st.dev/@jean.duthil13/components/hero-scrub.md) — by Jean Duthil - [Dynamic Frame Layout](https://21st.dev/@oeneco/components/dynamic-frame-layout.md) — by John - [Gaming Login](https://21st.dev/@kamaleshsa/components/gaming-login.md) — by KAMALESH S A - [Glass Video Hero](https://21st.dev/@rahil1202/components/glass-video-hero.md) — by Rahil Vahora - [Animated Video on Scroll](https://21st.dev/@youcefbnm/components/animated-video-on-scroll.md) — by YoucefBnm Bnm - [Davincho Hero-1](https://21st.dev/@cnippet.dev/components/davincho-hero-1.md) — by Cnippet - [Media Button](https://21st.dev/@arunachalam/components/media-button.md) — by Arunachalam - [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 - [ascii flower](https://21st.dev/@daschinmoyy21/components/ascii-flower.md) — by Chinmoy Das - [Neon Nebula](https://21st.dev/@karthiksivacharan/components/neon-nebula.md) — by Karthik Sivacharan - [Heximage](https://21st.dev/@arifuzzamanmoin/components/heximage.md) — by Moin - [test](https://21st.dev/@npouliss/components/test.md) — by Nikolaos Poulis - [seed](https://21st.dev/@yogaprtamaa/components/seed.md) — by Yoga pratama - [minimal](https://21st.dev/@tanusahu9894/components/minimal.md) — by Tanisha - [Act of creation](https://21st.dev/@mkasiak/components/act-of-creation.md) — by Marcin Kasiak - [111](https://21st.dev/@a.tkachenko84/components/111.md) — by Aaron Kravitz - [All about the Benjamins](https://21st.dev/@anonbreadwinner/components/all-about-the-benjamins.md) — by anonbreadwinner - [starry nights](https://21st.dev/@aditya.nagpal/components/starry-nights.md) — by Aditya Nagpal - [Forest](https://21st.dev/@maxfu826/components/forest.md) — by Max Fu - [maomao](https://21st.dev/@nellycyberpro/components/maomao.md) — by Xiaomao - [shader-dither](https://21st.dev/@eduardoamaral.ux/components/shader-dither.md) — by Eduardo Amaral - [半堂好课](https://21st.dev/@monkjin1983/components/ascii-811f593a.md) — by MONK 金鳞 - [Ink Garden](https://21st.dev/@serafimcloud/components/ink-garden.md) — by Serafim - [Neon mosaic](https://21st.dev/@tungdang9888/components/neon-mosaic.md) — by TUng Dang - [Electric Gaze](https://21st.dev/@serafimcloud/components/electric-gaze.md) — by Serafim - [Minimal](https://21st.dev/@tanusahu9894/components/minimal-2.md) — by Tanisha - [MARBS123](https://21st.dev/@kleimeier.maurice/components/marbs123.md) — by Maurice K - [Vignette Bloom](https://21st.dev/@serafimcloud/components/vignette-bloom.md) — by Serafim - [Hero - Personal Website](https://21st.dev/@mara.stefana.ilie/components/hero-personal-website.md) — by Mara Ilie - [Vapor Halftone Portrait](https://21st.dev/@serafimcloud/components/vapor-halftone-portrait.md) — by Serafim - [nm](https://21st.dev/@nblairwalker/components/nm.md) — by Nicholas - [thread paint](https://21st.dev/@tempforall9/components/thread-paint.md) — by web dev - [MOSAIC leaf](https://21st.dev/@zendeurr.pro/components/mosaic-leaf.md) — by Zendeurr - [m ASCII](https://21st.dev/@nblairwalker/components/m-ascii.md) — by Nicholas - [Video Ambient](https://21st.dev/@unlumen/components/video-ambient.md) — by Unlumen UI - [Sunset](https://21st.dev/@serafimcloud/components/sunset.md) — by Serafim - [ASCII log leet](https://21st.dev/@koustubhayadiyala36/components/ascii-log-leet.md) — by Kousthubha Yadiyala - [liquid Mosaic](https://21st.dev/@tempforall9/components/liquid-mosaic.md) — by web dev - [n ASCII](https://21st.dev/@nblairwalker/components/n-ascii.md) — by Nicholas - [Terminal Pikachu](https://21st.dev/@senommu/components/terminal-pikachu.md) — by Vlad Vovk - [Redshift](https://21st.dev/@serafimcloud/components/redshift.md) — by Serafim - [First Light](https://21st.dev/@serafimcloud/components/first-light.md) — by Serafim - [dark mode](https://21st.dev/@madichettyvishnu/components/dark-mode.md) — by Vishnu Madichetty - [light mode](https://21st.dev/@madichettyvishnu/components/light-mode.md) — by Vishnu Madichetty - [Skywash](https://21st.dev/@serafimcloud/components/skywash.md) — by Serafim - [Shadowplay](https://21st.dev/@serafimcloud/components/shadowplay.md) — by Serafim - [Code Rain](https://21st.dev/@serafimcloud/components/code-rain.md) — by Serafim - [D60-hero](https://21st.dev/@david-greenfieldlp/components/d60-hero.md) — by David - [peak Mountain](https://21st.dev/@easemize/components/peak-mountain.md) — by Hossain Jahed - [Sprite](https://21st.dev/@serafimcloud/components/sprite.md) — by Serafim - [aircraft cabin](https://21st.dev/@tungdang9888/components/aircraft-cabin.md) — by TUng Dang - [Herbarium](https://21st.dev/@serafimcloud/components/herbarium.md) — by Serafim - [Golden Radiance Shimmer](https://21st.dev/@serafimcloud/components/golden-radiance-shimmer.md) — by Serafim - [Neon Mirage](https://21st.dev/@serafimcloud/components/neon-mirage.md) — by Serafim - [e43wr](https://21st.dev/@anishvyapari/components/e43wr.md) — by Anish Vyapari - [Animated Mosaic Portrait](https://21st.dev/@serafimcloud/components/animated-mosaic-portrait.md) — by Serafim - [Phosphor](https://21st.dev/@serafimcloud/components/phosphor.md) — by Serafim Full component directory: https://21st.dev/llms.txt