Components
Curated UI collection
Background Shaders React Components
Background shaders are a powerful way to add dynamic visual effects to React applications. Our curated collection features 60 React component libraries that include background shader implementations, with 8 exact matches specifically designed for shader-based backgrounds. Whether you're looking for WebGL-powered effects, GLSL shader implementations, or canvas-based background animations, these components provide ready-to-use solutions for adding sophisticated visual depth to your projects.
Background Paper Shaders
by reuno-ui
Shader Background
by Le Thanh
Animated Shader Background
by Le Thanh
Shader Animation
by Ali Imam
Animated Shader Hero
by Ravi Katiyar
Shader Lines
by Ali Imam
WebGL Shader
by Ali Imam
liquid Shader
by Dhileep Kumar GM
Beams Background
by Kokonut Baffier
Paper design shader Background
by Jessi
Wrap Shader
by Jessi
Shader Animation
by scott clayton
Background Shader
by Jessi
Stripe like gradient-shader
by Meer bahadin
Animated Gradient
by tom
Ass
by Athrav Mishra
Background Shaders
by Jessi
Sphere
by Ali Imam
Gradient bars Background
by vvisedev Crafts
Background Gradient Animation
by Ali Imam
Swirl
by Ali Imam
Gradient Background
by Shaban Haider
Shader R
by Leandro Araujo
background plus
by reuno-ui
flowing waves shader
by Dhileep Kumar GM
Grid Shader
by Dhileep Kumar GM
Background Shades
by Jessi
Shader Svg
by reuno-ui
Rainbow Matrix Shader
by Erik
Simplex
by Ali Imam
Portfolio Hero with paper shaders
by Jessi
Line Shader Homlu UI
by Vlad Vovk
Abstract Glassy Shader
by Dhileep Kumar GM
Celestial Bloom Shader
by Dhileep Kumar GM
Bloodline
by Patrick Dunn
Verdant Swirl
by Serafim
Shadow Blending
by Serafim
Mesh Gradient Shader
by Cristian Labarca
portfolio
by Ricael
Blue halftone
by Gabriel Hochart
Valley of the Mind
by Dave Katague
Radial Shader
by xordev
Mesh Gradient
by Paper Shaders
Oceanic
by Yigit Alp Oztorun
Light Up shader
by Dhileep Kumar GM
SHADER STATE
by vnantes
Waves shaders Homlu UI
by Vlad Vovk
Interactive Shader
by Dhileep Kumar GM
Lining waves shader
by Dhileep Kumar GM
Animated Gradient
by componentry
Just Playing
by cornelius welch
Shader Anima
by Michele Caddeo
WaveBackground
by Ruixen
Istanblue
by Yigit Alp Oztorun
Gradient Shader Card
by Daniel
Waves shader
by Dante
What’s in this collection
- 4 of 56 use Motion
- 19 of 56 use WebGL
- 32 need nothing beyond React and Tailwind
- Most common dependencies: three, @paper-design/shaders-react