Components
Curated UI collection
Shadcn Shader React Components
Shadcn shader components bring advanced visual effects and GPU-accelerated rendering to React applications. This collection includes 60 shader-based components designed to work with shadcn's component architecture. Whether you're building interactive visualizations, animated backgrounds, or complex visual effects, these shader components provide the foundation for modern, performant graphics in your React projects.
Background Paper Shaders
by reuno-ui
Shader Animation
by Ali Imam
Shader Lines
by Ali Imam
Animated Shader Background
by Le Thanh
Shader Background
by Le Thanh
Wave
by Ali Imam
Wrap Shader
by shadway
WebGL Shader
by Ali Imam
Sphere
by Ali Imam
Shaders Hero Section
by Vaibhav Kumar Singh
The Infinite Grid
by shadway
liquid Shader
by Dhileep Kumar GM
Shader Svg
by reuno-ui
Radial Shader
by xordev
Simplex
by Ali Imam
Paper design shader Background
by shadway
ATC shader
by xordev
Swirl
by Ali Imam
Crystalline Cube
by Dhileep Kumar GM
Cybernetic Grid shader
by Dhileep Kumar GM
Shield Shader
by xordev
Warp Drive shader
by Dhileep Kumar GM
Neno Shader
by Dhileep Kumar GM
Rainbow Matrix Shader
by Erik X
Aurora Borealis shader
by Dhileep Kumar GM
Martrix Shader
by Dhileep Kumar GM
Warp
by Ali Imam
flowing waves shader
by Dhileep Kumar GM
Abstract Glassy Shader
by Dhileep Kumar GM
Table
by Origin UI
Starship Shader
by xordev
Raidal 2
by xordev
Stripe like gradient-shader
by Meer bahadin
Lab
by xordev
magic dust shader
by uithefactory
Command
by Origin UI
Background Shaders
by shadway
Digital Petals shader
by Dhileep Kumar GM
Hive
by xordev
Waves Shader
by Erik X
Phosphor 30
by xordev
Animated Shadcn's Tabs
by Gaz
Select
by Origin UI
Celestial Bloom Shader
by Dhileep Kumar GM
Cathedral
by xordev
Grid Shader
by Dhileep Kumar GM
Spiral Shader
by Dhileep Kumar GM
Ass
by Athrav Mishra
Living Nebula
by Dhileep Kumar GM
beams
by deleted_rb
Speed Lines Shader
by Erik X
Badge Delta
by Serafim
Badge Delta
by Serafim
Icons
by shadcn
Slider
by Origin UI
Lining waves shader
by Dhileep Kumar GM
Celestial Sphere Shader
by Dhileep Kumar GM
Grid Background
by Chris Tate
Crystal shader
by Dhileep Kumar GM
Interactive Shader
by Dhileep Kumar GM
What’s in this collection
- 3 of 59 use Motion
- 29 of 59 use WebGL
- 4 of 59 use Radix
- 22 need nothing beyond React and Tailwind
- Most common dependencies: three, @react-three/fiber