# Gradient components > Explore 55 gradient-infused React UI components styled with Tailwind CSS to add vibrant flair to your Next.js applications. 200 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/gradient. - [Graaadeints](https://21st.dev/@designali-in/components/graaadeints.md) — by Ali Imam - [BG GREDIENT](https://21st.dev/@reuno-ui/components/bg-gredient.md) — by reuno-ui - [Gradient Backgrounds](https://21st.dev/@meghtrix/components/gradient-backgrounds.md) — by meghtrix - [Gradient Backgrounds](https://21st.dev/@meghtrix/components/gradient-backgrounds/gradient-background-purple-top.md) — by meghtrix - [Gradient Backgrounds](https://21st.dev/@meghtrix/components/gradient-backgrounds/gradient-background-blue-top.md) — by meghtrix - [Gradient Backgrounds](https://21st.dev/@meghtrix/components/gradient-backgrounds/gradient-background-purple-bottom.md) — by meghtrix - [Gradients](https://21st.dev/@airbnb-visx/components/gradients.md) — by Airbnb - [Pipo](https://21st.dev/@gustavo.camara/components/pipo.md) — by Gustavo - [Gradient Animation](https://21st.dev/@moumensoliman/components/gradient-animation-shadcnui.md) — by Moumen Soliman - [Almoayyed](https://21st.dev/@gordongedacheril1/components/almoayyed.md) — by Gordon Edacheril - [Deep Sea](https://21st.dev/@serafimcloud/components/deep-sea.md) — by Serafim - [Marine Horizon](https://21st.dev/@serafimcloud/components/marine-horizon.md) — by Serafim - [Oceanic Shimmer](https://21st.dev/@serafimcloud/components/oceanic-shimmer.md) — by Serafim - [Iris Bloom](https://21st.dev/@serafimcloud/components/iris-bloom.md) — by Serafim - [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 - [Watermelon Marigold](https://21st.dev/@serafimcloud/components/watermelon-marigold.md) — by Serafim - [Silk Blend gradient](https://21st.dev/@amit.haski/components/silk-blend-gradient.md) — by Amit Haski - [Ember Bloom](https://21st.dev/@serafimcloud/components/ember-bloom.md) — by Serafim - [Ocean Sky](https://21st.dev/@serafimcloud/components/ocean-sky.md) — by Serafim - [Coral Gloom](https://21st.dev/@serafimcloud/components/coral-gloom.md) — by Serafim - [Bright Lagoon](https://21st.dev/@serafimcloud/components/bright-lagoon.md) — by Serafim - [Orchid Petal Sky](https://21st.dev/@serafimcloud/components/orchid-petal-sky.md) — by Serafim - [Iris Petal](https://21st.dev/@serafimcloud/components/iris-petal.md) — by Serafim - [Marine Foam](https://21st.dev/@serafimcloud/components/marine-foam.md) — by Serafim - [Forest Meadow](https://21st.dev/@serafimcloud/components/forest-meadow.md) — by Serafim - [Rosewood Blush](https://21st.dev/@serafimcloud/components/rosewood-blush.md) — by Serafim - [Ocean Rings](https://21st.dev/@serafimcloud/components/ocean-rings.md) — by Serafim - [Violet Starlight](https://21st.dev/@serafimcloud/components/violet-starlight.md) — by Serafim - [Plum Peach Butter](https://21st.dev/@serafimcloud/components/plum-peach-butter.md) — by Serafim - [Deep Horizon](https://21st.dev/@serafimcloud/components/deep-horizon.md) — by Serafim - [Plum Sand Apricot](https://21st.dev/@serafimcloud/components/plum-sand-apricot.md) — by Serafim - [Violet Nocturne](https://21st.dev/@serafimcloud/components/violet-nocturne.md) — by Serafim - [Sunset Bloom](https://21st.dev/@serafimcloud/components/sunset-bloom.md) — by Serafim - [Violet Radiance](https://21st.dev/@serafimcloud/components/violet-radiance.md) — by Serafim - [Violet Radiance II](https://21st.dev/@serafimcloud/components/violet-radiance-ii.md) — by Serafim - [Spline Scene](https://21st.dev/@serafimcloud/components/splite.md) — by Serafim - [Background Paths](https://21st.dev/@kokonutd/components/background-paths.md) — by Kokonut Baffier - [Aurora Background](https://21st.dev/@manuarora700/components/aurora-background.md) — by Manu Arora - [Shape Landing Hero](https://21st.dev/@kokonutd/components/shape-landing-hero.md) — by Kokonut Baffier - [Sparkles](https://21st.dev/@manuarora700/components/sparkles.md) — by Manu Arora - [Shader Animation](https://21st.dev/@designali-in/components/shader-animation.md) — by Ali Imam - [AI prompt Box](https://21st.dev/@easemize/components/ai-prompt-box.md) — by Hossain Jahed - [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 - [Shader Background](https://21st.dev/@minhxthanh/components/shader-background.md) — by Le Thanh - [Background Paper Shaders](https://21st.dev/@reuno-ui/components/background-paper-shaders.md) — by reuno-ui - [Beams Background](https://21st.dev/@kokonutd/components/beams-background.md) — by Kokonut Baffier - [Cinematic landing Hero](https://21st.dev/@easemize/components/cinematic-landing-hero.md) — by Hossain Jahed - [Rainbow Button](https://21st.dev/@dillionverma/components/rainbow-button.md) — by Dillion Verma - [Horizon Hero Section](https://21st.dev/@lovesickfromthe6ix/components/horizon-hero-section.md) — by scott clayton - [Background Gradient Animation](https://21st.dev/@manuarora700/components/background-gradient-animation.md) — by Manu Arora - [Hero](https://21st.dev/@reuno-ui/components/hero.md) — by reuno-ui - [Pricing Section](https://21st.dev/@uilayout.contact/components/pricing-section-4.md) — by UI Layouts - [Hero Section](https://21st.dev/@mikolajdobrucki/components/hero-section.md) — by Mikolaj Dobrucki - [Gradient Button](https://21st.dev/@serafimcloud/components/gradient-button.md) — by Serafim - [Hero Section Dark](https://21st.dev/@kinfe123/components/hero-section-dark.md) — by KinfeMichael Tariku - [Text Shimmer](https://21st.dev/@ibelick/components/text-shimmer.md) — by Julien Thibeaut - [The Infinite Grid](https://21st.dev/@moazamtrade/components/the-infinite-grid.md) — by shadway Full component directory: https://21st.dev/llms.txt