# Animated Hero Section components

> Elevate your landing pages with 28 animated hero section components for React and Tailwind CSS, adding dynamic impact to your Next.js projects.

17 components available. Showing all of them below.

- [Shape Landing Hero](https://21st.dev/@kokonutd/components/shape-landing-hero.md) — by Kokonut Baffier
- [Hero](https://21st.dev/@ravikatiyar162/components/hero-3.md) — by Ravi Katiyar
- [Stack Feature Section](https://21st.dev/@ruixen.ui/components/stack-feature-section.md) — by Ruixen UI
- [Hero with Mockup](https://21st.dev/@serafimcloud/components/hero-with-mockup.md) — by Serafim
- [Pixel perfect Hero](https://21st.dev/@easemize/components/pixel-perfect-hero.md) — by Hossain Jahed
- [Hero Gallery Scroll Animation](https://21st.dev/@youcefbnm/components/hero-gallery-scroll-animation.md) — by YoucefBnm Bnm
- [3D Hero Section Boxes](https://21st.dev/@aghasisahakyan1/components/3d-hero-section-boxes.md) — by Erik X
- [Aurora Hero bg](https://21st.dev/@dhileepkumargm/components/aurora-hero-bg-2.md) — by Dhileep Kumar GM
- [Hero](https://21st.dev/@Codehagen/components/hero.md) — by Prism UI
- [Hero](https://21st.dev/@ravikatiyar162/components/hero-2.md) — by Ravi Katiyar
- [Hero Animated](https://21st.dev/@youcefbnm/components/hero-animated.md) — by YoucefBnm Bnm
- [Flux Card Hero](https://21st.dev/@muhammad-binsalman/components/flux-card-hero.md) — by M.bin Salman
- [Modern hero section](https://21st.dev/@uniquesonu/components/modern-hero-section.md) — by Sonu
- [Team Section](https://21st.dev/@ravikatiyar162/components/team-section.md) — by Ravi Katiyar
- [Animated Section with Gradient and Dynamic Lines](https://21st.dev/@minhxthanh/components/animated-section-with-gradient-and-dynamic-lines.md) — by Le Thanh
- [Aurora Hero bg](https://21st.dev/@dhileepkumargm/components/aurora-hero-bg-1.md) — by Dhileep Kumar GM
- [Flow Hero-1](https://21st.dev/@cnippet.dev/components/flow-hero-1.md) — by Cnippet

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