Components
Curated UI collection
Shader Lines React Components
Shader lines are visual effects that use GPU-accelerated shaders to render animated or dynamic lines in React applications. Our collection includes 60 component libraries with shader line implementations, with 8 exact matches specifically designed for this effect. These components leverage WebGL and shader technology to create smooth, performant line animations and visual effects that enhance user interfaces with modern graphics capabilities.
Shader Lines
by Ali Imam
Background Paper Shaders
by reuno-ui
Shader Animation
by Ali Imam
GLSL Hills
by Ali Imam
Shader Background
by Le Thanh
Animated Shader Hero
by Ravi Katiyar
Animated Shader Background
by Le Thanh
Wrap Shader
by Jessi
Speed Lines Shader
by Erik
The Infinite Grid
by Jessi
Flow Field Background
by Hossain Jahed
Hero section with smooth bg Shader
by Jessi
Shader Svg
by reuno-ui
Feature Shader Cards
by Jessi
Hero ASCII one
by David Hakobyan
Sphere
by Ali Imam
Wave
by Ali Imam
Stripe like gradient-shader
by Meer bahadin
liquid Shader
by Dhileep Kumar GM
Shader Animation
by scott clayton
Swirl
by Ali Imam
Paper design shader Background
by Jessi
Simplex
by Ali Imam
Gradient Tracing
by Preet Suthar
Cybernetic Grid shader
by Dhileep Kumar GM
Portfolio Hero with paper shaders
by Jessi
Gradient Tracing
by Preet Suthar
Background Shader
by Jessi
ATC shader
by xordev
Abstract Glassy Shader
by Dhileep Kumar GM
Bloodline
by Patrick Dunn
Line Shader Homlu UI
by Vlad Vovk
Rainbow Matrix Shader
by Erik
Gradient Tracing
by Preet Suthar
Starship Shader
by xordev
Grid Shader
by Dhileep Kumar GM
Shader R
by Leandro Araujo
flowing waves shader
by Dhileep Kumar GM
Martrix Shader
by Dhileep Kumar GM
Animated Background Lines
by Le Thanh
Lining waves shader
by Dhileep Kumar GM
Mouse Following Line
by Ravi Katiyar
Gradient Tracing
by Preet Suthar
Radial Shader
by xordev
Spiral Shader
by Dhileep Kumar GM
Warp
by Ali Imam
Neno Shader
by Dhileep Kumar GM
Shooting Stars Grid
by nexus-ui
Gradient Tracing
by Preet Suthar
Background Shaders
by Jessi
Ass
by Athrav Mishra
Interactive Shader
by Dhileep Kumar GM
Slider
by Origin UI
Light Up shader
by Dhileep Kumar GM
Background Shades
by Jessi
Gradient Tracing
by Preet Suthar
What’s in this collection
- 6 of 51 use Motion
- 24 of 51 use WebGL
- 20 need nothing beyond React and Tailwind
- Most common dependencies: three, @paper-design/shaders-react, motion