Components
Curated UI collection
React Shader Components and Libraries
React shader components enable developers to integrate WebGL shaders, GLSL effects, and visual rendering directly into React applications. With 60 available components and libraries in this collection, you can find solutions for real-time graphics, post-processing effects, particle systems, and custom shader implementations. Whether you're building interactive visualizations, game engines, or advanced visual experiences, these React shader components provide the tools needed to manage shader compilation, uniform updates, and GPU-accelerated rendering within your React component architecture.
Shader Animation
by Ali Imam
Animated Shader Hero
by Ravi Katiyar
Animated Shader Background
by Le Thanh
Shader Lines
by Ali Imam
WebGL Shader
by Ali Imam
Wrap Shader
by Jessi
liquid Shader
by Dhileep Kumar GM
Hero section with smooth bg Shader
by Jessi
Hero Dithering Card
by Jessi
Futuristic Hero
by David Hakobyan
Rainbow Matrix Shader
by Erik
magic dust shader
by Alex Reino
Stripe like gradient-shader
by Meer bahadin
Shader Background
by Le Thanh
Grid Shader
by Dhileep Kumar GM
flowing waves shader
by Dhileep Kumar GM
Flow Field Background
by Hossain Jahed
Wave
by Ali Imam
Shader Animation
by scott clayton
Feature Shader Cards
by Jessi
Sphere
by Ali Imam
Shader Svg
by reuno-ui
Reveal Wave Image
by hinedy Hinedy
Radial Shader
by xordev
Simplex
by Ali Imam
ShaderAnimation
by Dhileep Kumar GM
Background Shaders
by Jessi
Shader R
by Leandro Araujo
Swirl
by Ali Imam
Interactive Shader
by Dhileep Kumar GM
Digital Aurora
by Dhileep Kumar GM
Celestial Bloom Shader
by Dhileep Kumar GM
Light Up shader
by Dhileep Kumar GM
Neno Shader
by Dhileep Kumar GM
Celestial Sphere Shader
by Dhileep Kumar GM
Colorful Wave Pattern
by Dhileep Kumar GM
Lining waves shader
by Dhileep Kumar GM
Ass
by Athrav Mishra
Starship Shader
by xordev
Interactive Thermodynamic Grid
by Hossain Jahed
Molten Core Shader
by Dhileep Kumar GM
Celestial Sphere
by Dhileep Kumar GM
Portfolio Hero with paper shaders
by Jessi
Wavy Shader Animation
by Dhileep Kumar GM
Martrix Shader
by Dhileep Kumar GM
Warp Drive shader
by Dhileep Kumar GM
Liquid Crystal Shader
by Dhileep Kumar GM
Waves Shader
by Erik
Abstract Glassy Shader
by Dhileep Kumar GM
Background Shader
by Jessi
Animated Hero with WebGL Glitter
by Cinquin Andy
Retro Grid
by vvisedev Crafts
Warp
by Ali Imam
Spiral Shader
by Dhileep Kumar GM
Aurora Shader
by Dhileep Kumar GM
BendText
by Kain Xu
Cosmic Ocean Shader
by Dhileep Kumar GM
What’s in this collection
- 34 of 57 use WebGL
- 20 need nothing beyond React and Tailwind
- Most common dependencies: three, @paper-design/shaders-react