Components
Curated UI collection
Background Shader React Components
Background shader components bring dynamic visual effects to React applications through GPU-accelerated rendering. Our collection indexes 60 React component libraries with background shader implementations, including 6 exact matches specifically designed for shader-based background effects. These components leverage WebGL and GLSL to create performant, visually compelling backgrounds that respond to user interaction and application state.
Background Paper Shaders
by reuno-ui
Shader Background
by Le Thanh
Animated Shader Background
by Le Thanh
Shader Animation
by Ali Imam
Shaders Hero Section
by Vaibhav Kumar Singh
WebGL Shader
by Ali Imam
Shader Lines
by Ali Imam
Paper design shader Background
by shadway
liquid Shader
by Dhileep Kumar GM
Background Shader
by shadway
Wrap Shader
by shadway
Sphere
by Ali Imam
Ass
by Athrav Mishra
Stripe like gradient-shader
by Meer bahadin
Wave
by Ali Imam
Shader Animation
by scott clayton
Shader R
by Leandro Araujo
Swirl
by Ali Imam
Background Shaders
by shadway
Shader Svg
by reuno-ui
Grid Shader
by Dhileep Kumar GM
Background Gradient Animation
by Ali Imam
flowing waves shader
by Dhileep Kumar GM
background plus
by reuno-ui
Background Shades
by shadway
Rainbow Matrix Shader
by Erik X
Radial Shader
by xordev
beams
by deleted_rb
Simplex
by Ali Imam
Line Shader Homlu UI
by Vlad Vovk
Abstract Glassy Shader
by Dhileep Kumar GM
Shield Shader
by xordev
Shadow Blending
by Serafim
Celestial Bloom Shader
by Dhileep Kumar GM
Blue halftone
by Gabriel Hochart
portfolio
by Ricael
Mesh Gradient Shader
by Cristian Labarca
SHADER STATE
by vnantes
Bloodline
by Patrick Dunn
Light Up shader
by Dhileep Kumar GM
Oceanic
by YAOMing
Aurora Borealis shader
by Dhileep Kumar GM
Valley of the Mind
by Dave
Martrix Shader
by Dhileep Kumar GM
Pulsing Border
by Paper Shaders
Mesh Gradient
by Paper Shaders
Warp
by Ali Imam
Lining waves shader
by Dhileep Kumar GM
Verdant Swirl
by Serafim
Just Playing
by cornelius welch
Speed Lines Shader
by Erik X
Interactive Shader
by Dhileep Kumar GM
Waves shader
by Shekhar
Nice BG
by Skyzzer
Old Television Shader
by Jatin Yadav
Shader Anima
by Michele Caddeo
WaveBackground
by Ruixen UI
Gradient Shader Card
by Daniel
Waves Shader
by Erik X
Istanblue
by YAOMing
What’s in this collection
- 3 of 60 use Motion
- 26 of 60 use WebGL
- 31 need nothing beyond React and Tailwind
- Most common dependencies: three, @paper-design/shaders-react, @react-three/fiber