# Hero components > Level up first impressions with 284 hero components for React and Tailwind CSS, designed to capture attention on your Next.js landing pages. 200 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/hero. - [Spline Scene](https://21st.dev/@serafimcloud/components/splite.md) — by Serafim - [Background Paths](https://21st.dev/@kokonutd/components/background-paths.md) — by Kokonut Baffier - [Shape Landing Hero](https://21st.dev/@kokonutd/components/shape-landing-hero.md) — by Kokonut Baffier - [Animated hero](https://21st.dev/@tommyjepsen/components/animated-hero.md) — by Tommy Jepsen - [Scroll media expansion hero](https://21st.dev/@arunachalam/components/scroll-expansion-hero.md) — by Arunachalam - [Lamp](https://21st.dev/@manuarora700/components/lamp.md) — by Manu Arora - [Animated Shader Hero](https://21st.dev/@ravikatiyar162/components/animated-shader-hero.md) — by Ravi Katiyar - [WebGL Shader](https://21st.dev/@designali-in/components/web-gl-shader.md) — by Ali Imam - [Hero Section 1](https://21st.dev/@meschacirung/components/hero-section-1.md) — by Méschac Irung - [Cinematic landing Hero](https://21st.dev/@easemize/components/cinematic-landing-hero.md) — by Hossain Jahed - [Horizon Hero Section](https://21st.dev/@lovesickfromthe6ix/components/horizon-hero-section.md) — by scott clayton - [Scroll Morph Hero](https://21st.dev/@prashantsom75/components/scroll-morph-hero.md) — by Prashant Som - [Futuristic Hero](https://21st.dev/@larsen66/components/hero-futuristic.md) — by 21st Indexer - [Hero](https://21st.dev/@reuno-ui/components/hero.md) — by reuno-ui - [Hero Section](https://21st.dev/@mikolajdobrucki/components/hero-section.md) — by Mikolaj Dobrucki - [Hero Section Dark](https://21st.dev/@kinfe123/components/hero-section-dark.md) — by KinfeMichael Tariku - [The Infinite Grid](https://21st.dev/@moazamtrade/components/the-infinite-grid.md) — by shadway - [Hero Odyssey](https://21st.dev/@erikvalencia1/components/hero-odyssey.md) — by Ruben - [Hero Section 5](https://21st.dev/@meschacirung/components/hero-section-5.md) — by Méschac Irung - [Glassmorphism Trust Hero](https://21st.dev/@easemize/components/glassmorphism-trust-hero.md) — by Hossain Jahed - [Canvas](https://21st.dev/@designali-in/components/canvas.md) — by Ali Imam - [Hero 195](https://21st.dev/@shadcnblockscom/components/hero-195-1.md) — by Shadcnblocks.com - [Minimalist Hero](https://21st.dev/@ravikatiyar162/components/minimalist-hero.md) — by Ravi Katiyar - [GLSL Hills](https://21st.dev/@designali-in/components/glsl-hills.md) — by Ali Imam - [Hero](https://21st.dev/@ohmfordev/components/hero.md) — by ohmfordev - [Interactive 3D Robot](https://21st.dev/@aghasisahakyan1/components/interactive-3d-robot.md) — by Erik X - [PrismaHero](https://21st.dev/@rahil1202/components/prisma-hero.md) — by Rahil Vahora - [Hero](https://21st.dev/@ravikatiyar162/components/hero-3.md) — by Ravi Katiyar - [Hero section with smooth bg Shader](https://21st.dev/@moazamtrade/components/hero-section-with-smooth-bg-shader.md) — by shadway - [Hero Section 9](https://21st.dev/@meschacirung/components/hero-section-9.md) — by Méschac Irung - [Halide Topo Hero](https://21st.dev/@shivendra9795kumar/components/halide-topo-hero.md) — by Shivendra Kumar - [Smooth Scroll Hero](https://21st.dev/@ishamsu/components/smooth-scroll-hero.md) — by Shamsu Musthafa - [Aether Flow Hero](https://21st.dev/@dhileepkumargm/components/aether-flow-hero.md) — by Dhileep Kumar GM - [Hero Dithering Card](https://21st.dev/@moazamtrade/components/hero-dithering-card.md) — by shadway - [Hero Parallax](https://21st.dev/@manuarora700/components/hero-parallax.md) — by Manu Arora - [Google Gemini Effect](https://21st.dev/@manuarora700/components/google-gemini-effect.md) — by Manu Arora - [AnomalousMatterHero](https://21st.dev/@dhileepkumargm/components/anomalous-matter-hero.md) — by Dhileep Kumar GM - [Floating Icons Hero Section](https://21st.dev/@ravikatiyar162/components/floating-icons-hero-section.md) — by Ravi Katiyar - [Stack Feature Section](https://21st.dev/@ruixen.ui/components/stack-feature-section.md) — by Ruixen UI - [Ethereal Beams Hero](https://21st.dev/@muhammad-binsalman/components/ethereal-beams-hero.md) — by M.bin Salman - [SaaS Template](https://21st.dev/@waleedkibhen/components/saa-s-template.md) — by wisedev - [Hero Highlight](https://21st.dev/@manuarora700/components/hero-highlight.md) — by Manu Arora - [Woven Light Hero](https://21st.dev/@dhileepkumargm/components/woven-light-hero.md) — by Dhileep Kumar GM - [Glowy Waves Hero](https://21st.dev/@moumensoliman/components/glowy-waves-hero-shadcnui.md) — by Moumen Soliman - [Hero 1](https://21st.dev/@sshahaider/components/hero-1.md) — by Efferd - [Digital Serenity - Animated Landing Page](https://21st.dev/@minhxthanh/components/digital-serenity-animated-landing-page.md) — by Le Thanh - [Wrap Shader](https://21st.dev/@moazamtrade/components/wrap-shader.md) — by shadway - [Spatial Product Showcase](https://21st.dev/@daiwiikharihar17147/components/spatial-product-showcase.md) — by Daiwiik Harihar - [Vortex Background](https://21st.dev/@manuarora700/components/vortex.md) — by Manu Arora - [Galaxy Interactive Hero Section](https://21st.dev/@aghasisahakyan1/components/galaxy-interactive-hero-section.md) — by Erik X - [Hero with Mockup](https://21st.dev/@serafimcloud/components/hero-with-mockup.md) — by Serafim - [Hero ASCII](https://21st.dev/@larsen66/components/hero-ascii.md) — by 21st Indexer - [Hero Section](https://21st.dev/@ravikatiyar162/components/hero-section-2.md) — by Ravi Katiyar - [particle effect for hero](https://21st.dev/@avanishverma4/components/particle-effect-for-hero.md) — by Awanish Verma - [Arc Gallery Hero Component](https://21st.dev/@minhxthanh/components/arc-gallery-hero-component.md) — by Le Thanh - [Shaders Hero Section](https://21st.dev/@vaib215/components/shaders-hero-section.md) — by Vaibhav Kumar Singh - [Hero ASCII one](https://21st.dev/@larsen66/components/hero-ascii-one.md) — by 21st Indexer - [Hero](https://21st.dev/@beratberkayg/components/hero-1.md) — by beratberkay - [Hero scroll animation](https://21st.dev/@uilayout.contact/components/hero-scroll-animation.md) — by UI Layouts - [Hero Scrub](https://21st.dev/@jean.duthil13/components/hero-scrub.md) — by Jean Duthil Full component directory: https://21st.dev/llms.txt