# Shader components > Transform your interfaces with 87 shader components for React, featuring visually stunning effects powered by Tailwind CSS and Next.js. 200 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/shader. - [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 - [Cybernetic Grid shader](https://21st.dev/@dhileepkumargm/components/cybernetic-grid-shader.md) — by Dhileep Kumar GM - [liquid Shader](https://21st.dev/@dhileepkumargm/components/liquid-shader.md) — by Dhileep Kumar GM - [animated pattern cloud](https://21st.dev/@ashishrajwaniai01/components/animated-pattern-cloud.md) — by ashish rajwani - [Prism](https://21st.dev/@deleted_reactbits /components/prism.md) — by deleted_rb - [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 - [Rainbow Matrix Shader](https://21st.dev/@aghasisahakyan1/components/rainbow-matrix-shader.md) — by Erik X - [Swirl](https://21st.dev/@designali-in/components/swirl.md) — by Ali Imam - [Celestial Sphere](https://21st.dev/@dhileepkumargm/components/celestial-sphere.md) — by Dhileep Kumar GM - [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 - [Warp Drive shader](https://21st.dev/@dhileepkumargm/components/warp-drive-shader.md) — by Dhileep Kumar GM - [realistic fog background](https://21st.dev/@ashishrajwaniai01/components/realistic-fog-background.md) — by ashish rajwani - [flowing waves shader](https://21st.dev/@dhileepkumargm/components/flowing-waves-shader.md) — by Dhileep Kumar GM - [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 - [Celestial Bloom Shader](https://21st.dev/@dhileepkumargm/components/celestial-bloom-shader.md) — by Dhileep Kumar GM - [Turbulent Flow](https://21st.dev/@lovesickfromthe6ix/components/turbulent-flow.md) — by scott clayton - [Spiral Shader](https://21st.dev/@dhileepkumargm/components/spiral-shader.md) — by Dhileep Kumar GM - [beams](https://21st.dev/@deleted_reactbits /components/beams.md) — by deleted_rb - [Aurora Borealis shader](https://21st.dev/@dhileepkumargm/components/aurora-borealis-shader.md) — by Dhileep Kumar GM - [Digital Petals shader](https://21st.dev/@dhileepkumargm/components/digital-petals-shader.md) — by Dhileep Kumar GM - [Martrix Shader](https://21st.dev/@dhileepkumargm/components/martrix-shader.md) — by Dhileep Kumar GM - [Raidal 2](https://21st.dev/@xordev/components/raidal-2.md) — by xordev - [Liquid Crystal Shader](https://21st.dev/@dhileepkumargm/components/liquid-crystal-shader.md) — by Dhileep Kumar GM - [Neno Shader](https://21st.dev/@dhileepkumargm/components/neno-shader.md) — by Dhileep Kumar GM - [Celestial Ink shader](https://21st.dev/@dhileepkumargm/components/celestial-ink-shader.md) — by Dhileep Kumar GM - [Aether Flow](https://21st.dev/@dhileepkumargm/components/aether-flow.md) — by Dhileep Kumar GM - [Phosphor 30](https://21st.dev/@xordev/components/phosphor-30.md) — by xordev - [Crystal shader](https://21st.dev/@dhileepkumargm/components/crystal-shader.md) — by Dhileep Kumar GM - [Starship Shader](https://21st.dev/@xordev/components/starship-shader.md) — by xordev - [magic dust shader](https://21st.dev/@alexperezcedeno/components/magic-dust-shader.md) — by uithefactory - [Abstract Glassy Shader](https://21st.dev/@dhileepkumargm/components/abstract-glassy-shader.md) — by Dhileep Kumar GM - [Bloodline](https://21st.dev/@patrick.thomas.dunn1988/components/bloodline.md) — by Patrick Dunn - [Thermal Shader](https://21st.dev/@designali-in/components/thermal-shader.md) — by Ali Imam - [Colorful Wave Pattern](https://21st.dev/@dhileepkumargm/components/colorful-wave-pattern-1.md) — by Dhileep Kumar GM - [Shapeblur](https://21st.dev/@deleted_reactbits /components/shapeblur.md) — by deleted_rb - [Molten Core Shader](https://21st.dev/@dhileepkumargm/components/molten-core-shader.md) — by Dhileep Kumar GM - [Liquid Chrome](https://21st.dev/@deleted_reactbits /components/liquid-chrome.md) — by deleted_rb - [Background Shaders](https://21st.dev/@moazamtrade/components/background-shaders.md) — by shadway - [Liquid Crystal](https://21st.dev/@dhileepkumargm/components/liquid-crystal.md) — by Dhileep Kumar GM - [Iridescence](https://21st.dev/@deleted_reactbits /components/iridescence.md) — by deleted_rb - [Warp](https://21st.dev/@designali-in/components/warp.md) — by Ali Imam - [Interactive Shader](https://21st.dev/@dhileepkumargm/components/interactive-shader.md) — by Dhileep Kumar GM - [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 - [Prism Bloom Shader](https://21st.dev/@dhileepkumargm/components/prism-bloom-shader.md) — by Dhileep Kumar GM - [Volumetric Beams](https://21st.dev/@lovesickfromthe6ix/components/volumetric-beams.md) — by scott clayton Full component directory: https://21st.dev/llms.txt