# GLSL components > Integrate 3 GLSL-powered React components to bring advanced shader effects and interactive visuals to your Next.js app. 144 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/glsl. - [Shader Background](https://21st.dev/@minhxthanh/components/shader-background.md) — by Le Thanh - [Animated Shader Background](https://21st.dev/@minhxthanh/components/animated-shader-background.md) — by Le Thanh - [GLSL Hills](https://21st.dev/@designali-in/components/glsl-hills.md) — by Ali Imam - [Wave](https://21st.dev/@designali-in/components/wave-1.md) — by Ali Imam - [Swirl](https://21st.dev/@designali-in/components/swirl.md) — by Ali Imam - [ATC shader](https://21st.dev/@xordev/components/atc-shader.md) — by xordev - [Siri Wave](https://21st.dev/@40973894/components/siri-wave.md) — by 40973894 - [Simplex](https://21st.dev/@designali-in/components/simplex.md) — by Ali Imam - [Living Nebula](https://21st.dev/@dhileepkumargm/components/living-nebula.md) — by Dhileep Kumar GM - [Siri Wave](https://21st.dev/@40973894/components/siri-wave/fluid-dots.md) — by 40973894 - [Starship Shader](https://21st.dev/@xordev/components/starship-shader.md) — by xordev - [Animated Hero with WebGL Glitter](https://21st.dev/@cinquinandy/components/animated-hero-with-web-gl-glitter.md) — by Cinquin Andy - [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 - [Warp](https://21st.dev/@designali-in/components/warp.md) — by Ali Imam - [Liquid Metal](https://21st.dev/@paper-design/components/liquid-metal.md) — by Paper Shaders - [Pulsing Border](https://21st.dev/@paper-design/components/pulsing-border.md) — by Paper Shaders - [Neuro Noise](https://21st.dev/@paper-design/components/neuro-noise.md) — by Paper Shaders - [Pulsing Geometric Dream](https://21st.dev/@dhileepkumargm/components/pulsing-geometric-dream.md) — by Dhileep Kumar GM - [Dithering Shader](https://21st.dev/@designali-in/components/dithering-shader.md) — by Ali Imam - [Midjourney ASCII Swirl](https://21st.dev/@arlanoska/components/midjourney-ascii.md) — by Arlan - [Smoke Ring](https://21st.dev/@paper-design/components/smoke-ring.md) — by Paper Shaders - [Gem Smoke](https://21st.dev/@paper-design/components/gem-smoke.md) — by Paper Shaders - [LivingFluidBackground](https://21st.dev/@dhileepkumargm/components/living-fluid-background.md) — by Dhileep Kumar GM - [Mesh Gradient](https://21st.dev/@paper-design/components/mesh-gradient.md) — by Paper Shaders - [Midjourney ASCII Swirl](https://21st.dev/@arlanoska/components/midjourney-ascii/trail.md) — by Arlan - [Cathedral](https://21st.dev/@xordev/components/cathedral.md) — by xordev - [Color Panels](https://21st.dev/@paper-design/components/color-panels.md) — by Paper Shaders - [Metaballs](https://21st.dev/@paper-design/components/metaballs.md) — by Paper Shaders - [Xenon component](https://21st.dev/@uvcanvas/components/xenon-component/zenitho.md) — by uvcanvas - [Midjourney ASCII Swirl](https://21st.dev/@arlanoska/components/midjourney-ascii/gradient.md) — by Arlan - [Geode](https://21st.dev/@xordev/components/geode.md) — by xordev - [Midjourney ASCII Swirl](https://21st.dev/@arlanoska/components/midjourney-ascii/waves.md) — by Arlan - [Fluted Glass](https://21st.dev/@paper-design/components/fluted-glass.md) — by Paper Shaders - [Grain Gradient](https://21st.dev/@paper-design/components/grain-gradient.md) — by Paper Shaders - [God Rays](https://21st.dev/@paper-design/components/god-rays.md) — by Paper Shaders - [Water](https://21st.dev/@paper-design/components/water.md) — by Paper Shaders - [Static Mesh Gradient](https://21st.dev/@paper-design/components/static-mesh-gradient.md) — by Paper Shaders - [Heatmap](https://21st.dev/@paper-design/components/heatmap.md) — by Paper Shaders - [HyperspaceWarpDrive](https://21st.dev/@dhileepkumargm/components/hyperspace-warp-drive.md) — by Dhileep Kumar GM - [Halftone Dots](https://21st.dev/@paper-design/components/halftone-dots.md) — by Paper Shaders - [Dithering](https://21st.dev/@paper-design/components/dithering.md) — by Paper Shaders - [Swirl](https://21st.dev/@paper-design/components/swirl.md) — by Paper Shaders - [Paper Texture](https://21st.dev/@paper-design/components/paper-texture.md) — by Paper Shaders - [Grain Gradient · Truchet](https://21st.dev/@paper-design/components/grain-gradient-truchet.md) — by Paper Shaders - [Halftone CMYK](https://21st.dev/@paper-design/components/halftone-cmyk.md) — by Paper Shaders - [Waves](https://21st.dev/@paper-design/components/paper-waves.md) — by Paper Shaders - [Cards Shader Effect](https://21st.dev/@stackingsu/components/cards-shader-effect.md) — by uui - [Oki10](https://21st.dev/@julian.leistad/components/oki10.md) — by Julian Leistad - [Anomalous Matter's](https://21st.dev/@dhileepkumargm/components/anomalous-matter-s.md) — by Dhileep Kumar GM - [Static Radial Gradient](https://21st.dev/@paper-design/components/static-radial-gradient.md) — by Paper Shaders - [Dot Grid](https://21st.dev/@paper-design/components/dot-grid.md) — by Paper Shaders - [1st shader](https://21st.dev/@samskanse09/components/1st-shader.md) — by Sam Skanse - [Voronoi](https://21st.dev/@paper-design/components/voronoi.md) — by Paper Shaders - [Violet Swirl](https://21st.dev/@serafimcloud/components/violet-swirl.md) — by Serafim - [Spiral](https://21st.dev/@paper-design/components/spiral.md) — by Paper Shaders - [Image Dithering](https://21st.dev/@paper-design/components/image-dithering.md) — by Paper Shaders - [Silk shader](https://21st.dev/@fafaieefafaiee/components/silk-shader.md) — by asdsd - [Dot Orbit · Hallucinatory](https://21st.dev/@paper-design/components/dot-orbit-hallucinatory.md) — by Paper Shaders Full component directory: https://21st.dev/llms.txt