# Dark Hero Section components

> Make an impression with 37 dark hero section components for React, using Tailwind CSS for bold, modern designs.

25 components available. Showing all of them below.

- [Hero Section 1](https://21st.dev/@meschacirung/components/hero-section-1.md) — by Méschac Irung
- [Hero Odyssey](https://21st.dev/@erikvalencia1/components/hero-odyssey.md) — by Ruben
- [GLSL Hills](https://21st.dev/@designali-in/components/glsl-hills.md) — by Ali Imam
- [Hero Dithering Card](https://21st.dev/@moazamtrade/components/hero-dithering-card.md) — by shadway
- [Flickering Footer](https://21st.dev/@aghasisahakyan1/components/flickering-footer.md) — by Erik X
- [Hero ASCII](https://21st.dev/@larsen66/components/hero-ascii.md) — by 21st Indexer
- [particle effect for hero](https://21st.dev/@avanishverma4/components/particle-effect-for-hero.md) — by Awanish Verma
- [Hero ASCII one](https://21st.dev/@larsen66/components/hero-ascii-one.md) — by 21st Indexer
- [Hero Button Expendable](https://21st.dev/@moazamtrade/components/hero-button-expendable.md) — by shadway
- [Card Spotlight](https://21st.dev/@manuarora700/components/card-spotlight.md) — by Manu Arora
- [Hero Section - Nexus](https://21st.dev/@aghasisahakyan1/components/hero-section-nexus/demo-home-page.md) — by Erik X
- [Spotlight New](https://21st.dev/@manuarora700/components/spotlight-new.md) — by Manu Arora
- [Portfolio Hero with paper shaders](https://21st.dev/@moazamtrade/components/portfolio-hero-with-paper-shaders.md) — by shadway
- [Laser Focus Crypto Hero Section](https://21st.dev/@muhammad-binsalman/components/laser-focus-crypto-hero-section.md) — by M.bin Salman
- [Dotted Dialog](https://21st.dev/@serafimcloud/components/dotted-dialog.md) — by Serafim
- [Tech Solutions Hero Section](https://21st.dev/@dhileepkumargm/components/tech-solutions-hero-section.md) — by Dhileep Kumar GM
- [Planner Card](https://21st.dev/@ravikatiyar162/components/planner-card.md) — by Ravi Katiyar
- [Starship Shader](https://21st.dev/@xordev/components/starship-shader.md) — by xordev
- [Hero with Logos](https://21st.dev/@kinfe123/components/herowith-logos.md) — by KinfeMichael Tariku
- [Fractal Bloom Tree](https://21st.dev/@dhileepkumargm/components/fractal-bloom-tree.md) — by Dhileep Kumar GM
- [Logo Timeline](https://21st.dev/@Mazyar kawa/components/logo-timeline.md) — by Mazyar kawa
- [FlickeringGridDemo2](https://21st.dev/@xubohuah/components/flickering-grid-demo2.md) — by KainXu
- [Particle canvas](https://21st.dev/@designali-in/components/particle-canvas-2.md) — by Ali Imam
- [Animated Hero Section](https://21st.dev/@ravikatiyar162/components/animated-hero-section-2.md) — by Ravi Katiyar
- [Hero Component](https://21st.dev/@pulseawan/components/hero-component.md) — by Muhammad Asif

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