# Mesh Gradient components > Browse 4 Mesh Gradient components for React, styled with Tailwind CSS and ready for your Next.js project. 54 components available. Showing all of them below. - [Shader Svg](https://21st.dev/@reuno-ui/components/shader-svg.md) — by reuno-ui - [Gradient Mesh](https://21st.dev/@designali-in/components/gradient-mesh.md) — by Ali Imam - [Mesh Gradient Shader](https://21st.dev/@nlace-com/components/mesh-gradient-shader.md) — by Cristian Labarca - [Mesh Gradient Background](https://21st.dev/@framecn/components/mesh-gradient-bg.md) — by framecn - [Background Paper Shaders](https://21st.dev/@reuno-ui/components/background-paper-shaders.md) — by reuno-ui - [Background Gradient Animation](https://21st.dev/@manuarora700/components/background-gradient-animation.md) — by Manu Arora - [The Infinite Grid](https://21st.dev/@moazamtrade/components/the-infinite-grid.md) — by shadway - [Hero section with smooth bg Shader](https://21st.dev/@moazamtrade/components/hero-section-with-smooth-bg-shader.md) — by shadway - [Evervault Card](https://21st.dev/@manuarora700/components/evervault-card.md) — by Manu Arora - [Wrap Shader](https://21st.dev/@moazamtrade/components/wrap-shader.md) — by shadway - [Shaders Hero Section](https://21st.dev/@vaib215/components/shaders-hero-section.md) — by Vaibhav Kumar Singh - [Hero Shader](https://21st.dev/@designali-in/components/hero-shader.md) — by Ali Imam - [Hero 01](https://21st.dev/@designali-in/components/hero-01.md) — by Ali Imam - [Stripe like gradient-shader](https://21st.dev/@meerbahadin10/components/stripe-like-gradient-shader.md) — by Meer bahadin - [blue meshy background](https://21st.dev/@reuno-ui/components/blue-meshy-background.md) — by reuno-ui - [Interactive-Gradient-Background](https://21st.dev/@rahil1202/components/interactive-gradient-background.md) — by Rahil Vahora - [Gradient Blur](https://21st.dev/@designali-in/components/gradient-blur.md) — by Ali Imam - [Background Gradient Glow](https://21st.dev/@meghtrix/components/background-gradient-glow/aurora-circled-bg.md) — by meghtrix - [Background Gradient Glow](https://21st.dev/@meghtrix/components/background-gradient-glow/aurora-soft-harmony.md) — by meghtrix - [Background Gradient Glow](https://21st.dev/@meghtrix/components/background-gradient-glow/dreamy-sunset-gradient-bg.md) — by meghtrix - [Background Gradient Glow](https://21st.dev/@meghtrix/components/background-gradient-glow/aurora-centered-whispers.md) — by meghtrix - [Background Gradient Glow](https://21st.dev/@meghtrix/components/background-gradient-glow/mint-glow-bg.md) — by meghtrix - [Retrying](https://21st.dev/@dhileepkumargm/components/retrying.md) — by Dhileep Kumar GM - [Soft gradient Background Animation](https://21st.dev/@easemize/components/soft-gradient-background-animation.md) — by Hossain Jahed - [Ass](https://21st.dev/@mishraathrav917/components/ass.md) — by Athrav Mishra - [Shader R](https://21st.dev/@ola.leandroaraujo/components/shader-r.md) — by Leandro Araujo - [Mesh Gradient](https://21st.dev/@paper-design/components/mesh-gradient.md) — by Paper Shaders - [Floating Gradient](https://21st.dev/@moumensoliman/components/floating-gradient-shadcnui.md) — by Moumen Soliman - [Hive](https://21st.dev/@xordev/components/hive.md) — by xordev - [Xenon component](https://21st.dev/@uvcanvas/components/xenon-component/zenitho.md) — by uvcanvas - [Xenon component](https://21st.dev/@uvcanvas/components/xenon-component/lumiflex.md) — by uvcanvas - [Blueprint Gradient Mesh](https://21st.dev/@larsen66/components/blueprint-gradient-mesh.md) — by 21st Indexer - [Valley of the Mind](https://21st.dev/@davekatague/components/valley-of-the-mind.md) — by Dave - [Mesh Gradient Background](https://21st.dev/@uilayout.contact/components/mesh-gradient-background2.md) — by UI Layouts - [Bubble Background](https://21st.dev/@skyleen77/components/components-backgrounds-bubble.md) — by Elliot Sutton - [Just Playing](https://21st.dev/@reachwelch/components/just-playing.md) — by cornelius welch - [reptile smoke](https://21st.dev/@vodichka.vldk/components/reptile-smoke.md) — by Vladik Vodichka - [Vibrant Stream](https://21st.dev/@serafimcloud/components/vibrant-stream.md) — by Serafim - [SHADER STATE](https://21st.dev/@vnantes/components/shader-state.md) — by vnantes - [Blue-gold mesh](https://21st.dev/@warren/components/blue-gold-mesh.md) — by Warren Schuitema - [Mesh Gradient Background](https://21st.dev/@uilayout.contact/components/mesh-gradient-background3.md) — by UI Layouts - [Floral Veil](https://21st.dev/@serafimcloud/components/floral-veil.md) — by Serafim - [Lapis Peach Swirl](https://21st.dev/@serafimcloud/components/lapis-peach-swirl.md) — by Serafim - [Dreamy Pastel Wash](https://21st.dev/@serafimcloud/components/dreamy-pastel-wash.md) — by Serafim - [Rosewood Blush](https://21st.dev/@serafimcloud/components/rosewood-blush.md) — by Serafim - [Mesh Gradient · Purple](https://21st.dev/@paper-design/components/mesh-gradient-purple.md) — by Paper Shaders - [Coral Gloom](https://21st.dev/@serafimcloud/components/coral-gloom.md) — by Serafim - [Color Carousel](https://21st.dev/@serafimcloud/components/color-carousel.md) — by Serafim - [Orchid Petal Sky](https://21st.dev/@serafimcloud/components/orchid-petal-sky.md) — by Serafim - [Mesh Gradient · Beach](https://21st.dev/@paper-design/components/mesh-gradient-beach.md) — by Paper Shaders - [Mesh Gradient · Ink](https://21st.dev/@paper-design/components/mesh-gradient-ink.md) — by Paper Shaders - [Oceanic Glow](https://21st.dev/@serafimcloud/components/oceanic-glow.md) — by Serafim - [Plum Sand Apricot](https://21st.dev/@serafimcloud/components/plum-sand-apricot.md) — by Serafim - [Sunset Bloom](https://21st.dev/@serafimcloud/components/sunset-bloom.md) — by Serafim Full component directory: https://21st.dev/llms.txt