# Shader Background components > Browse 8 Shader Background components for React, styled with Tailwind CSS and ready for your Next.js project. 200 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/shader-background. - [Shader Animation](https://21st.dev/@designali-in/components/shader-animation.md) — by Ali Imam - [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 - [Animated Shader Background](https://21st.dev/@minhxthanh/components/animated-shader-background.md) — by Le Thanh - [Shader Lines](https://21st.dev/@designali-in/components/shader-lines.md) — by Ali Imam - [Wave](https://21st.dev/@designali-in/components/wave-1.md) — by Ali Imam - [Paper design shader Background](https://21st.dev/@moazamtrade/components/paper-design-shader-background.md) — by shadway - [animated pattern cloud](https://21st.dev/@ashishrajwaniai01/components/animated-pattern-cloud.md) — by ashish rajwani - [Waves Shader](https://21st.dev/@aghasisahakyan1/components/waves-shader.md) — by Erik X - [Cosmos Spectrum](https://21st.dev/@designali-in/components/cosmos-spectrum.md) — by Ali Imam - [Blueprint Shader Grid](https://21st.dev/@lyanchouss/components/asd.md) — by Liana Pepanyan - [Shader Animation](https://21st.dev/@lovesickfromthe6ix/components/shader-animation.md) — by scott clayton - [Swirl](https://21st.dev/@designali-in/components/swirl.md) — by Ali Imam - [Rainbow Matrix Shader](https://21st.dev/@aghasisahakyan1/components/rainbow-matrix-shader.md) — by Erik X - [Neural Noise](https://21st.dev/@designali-in/components/neural-noise.md) — by Ali Imam - [ATC shader](https://21st.dev/@xordev/components/atc-shader.md) — by xordev - [realistic fog background](https://21st.dev/@ashishrajwaniai01/components/realistic-fog-background.md) — by ashish rajwani - [Simplex](https://21st.dev/@designali-in/components/simplex.md) — by Ali Imam - [Background Shader](https://21st.dev/@moazamtrade/components/background-shader.md) — by shadway - [Stripe like gradient-shader](https://21st.dev/@meerbahadin10/components/stripe-like-gradient-shader.md) — by Meer bahadin - [Turbulent Flow](https://21st.dev/@lovesickfromthe6ix/components/turbulent-flow.md) — by scott clayton - [Raidal 2](https://21st.dev/@xordev/components/raidal-2.md) — by xordev - [Neno Shader](https://21st.dev/@dhileepkumargm/components/neno-shader.md) — by Dhileep Kumar GM - [Phosphor 30](https://21st.dev/@xordev/components/phosphor-30.md) — by xordev - [magic dust shader](https://21st.dev/@alexperezcedeno/components/magic-dust-shader.md) — by uithefactory - [Starship Shader](https://21st.dev/@xordev/components/starship-shader.md) — by xordev - [Bloodline](https://21st.dev/@patrick.thomas.dunn1988/components/bloodline.md) — by Patrick Dunn - [Colorful Wave Pattern](https://21st.dev/@dhileepkumargm/components/colorful-wave-pattern-1.md) — by Dhileep Kumar GM - [Background Shaders](https://21st.dev/@moazamtrade/components/background-shaders.md) — by shadway - [Warp](https://21st.dev/@designali-in/components/warp.md) — by Ali Imam - [Radial Shader](https://21st.dev/@xordev/components/radial-shader.md) — by xordev - [LightSpeed](https://21st.dev/@rahil1202/components/light-speed.md) — by Rahil Vahora - [Speed Lines Shader](https://21st.dev/@aghasisahakyan1/components/speed-lines-shader.md) — by Erik X - [Cosmic Plasma Web](https://21st.dev/@shailendrakumar19999/components/cosmic-plasma-web.md) — by Shailendra - [Volumetric Beams](https://21st.dev/@lovesickfromthe6ix/components/volumetric-beams.md) — by scott clayton - [WaveBackground](https://21st.dev/@ruixen.ui/components/wave-background.md) — by Ruixen UI - [Background Shades](https://21st.dev/@moazamtrade/components/background-shades.md) — by shadway - [Shield Shader](https://21st.dev/@xordev/components/shield-shader.md) — by xordev - [Pulsing Geometric Dream](https://21st.dev/@dhileepkumargm/components/pulsing-geometric-dream.md) — by Dhileep Kumar GM - [Old Television Shader](https://21st.dev/@jatin-yadav05/components/old-television-shader.md) — by Jatin Yadav - [Lab](https://21st.dev/@xordev/components/lab.md) — by xordev - [NeuralNoiseCursor](https://21st.dev/@rahil1202/components/neural-noise-cursor.md) — by Rahil Vahora - [Cloudscape](https://21st.dev/@amanshakya307/components/cloudscape.md) — by Aman Shakya - [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 - [Launch](https://21st.dev/@xordev/components/launch.md) — by xordev - [Xenon component](https://21st.dev/@uvcanvas/components/xenon-component/novatrix.md) — by uvcanvas - [Cathedral](https://21st.dev/@xordev/components/cathedral.md) — by xordev - [Xenon component](https://21st.dev/@uvcanvas/components/xenon-component/opulento.md) — by uvcanvas - [Waves shaders Homlu UI](https://21st.dev/@senommu/components/waves-shaders-homlu-ui.md) — by Vlad Vovk - [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/tranquiluxe.md) — by uvcanvas - [Xenon component](https://21st.dev/@uvcanvas/components/xenon-component/velustro.md) — by uvcanvas - [Xenon component](https://21st.dev/@uvcanvas/components/xenon-component/lumiflex.md) — by uvcanvas - [Xenon component](https://21st.dev/@uvcanvas/components/xenon-component.md) — by uvcanvas - [Electric Mist](https://21st.dev/@chamaac/components/electric-mist.md) — by chamaac - [Geode](https://21st.dev/@xordev/components/geode.md) — by xordev - [Valley of the Mind](https://21st.dev/@davekatague/components/valley-of-the-mind.md) — by Dave - [Gigabit](https://21st.dev/@xordev/components/gigabit.md) — by xordev Full component directory: https://21st.dev/llms.txt