Free & open-source, ready-to-use, customizable shader components for React.
Copy, paste, and ship. Built on vgpu and TypeGPU, works seamlessly with shadcn/ui.

Get Started · Installation · Components

• ⚡ GPU-powered — Shaders running on the web via WebGPU
• 🎯 Zero config — Works out of the box with sensible defaults
• 👀 Live previews — Render every shader component directly in the documentation
• 🎨 Fully customizable — Pass props to control uniforms, colors, speed, and more
• 📦 shadcn/ui compatible — Uses the same registry format and CLI workflow
• 🧩 Composable — Build effects from focused React components
• 🔤 Type-safe — Full TypeScript support with typed props via typegpu

The shadercn community lives on GitHub, where you can ask questions, share ideas, and show what you've built.

Contributions are welcome. See CONTRIBUTING.md to get the repo running locally and land a change, and use issues and discussions to collaborate. By participating, you agree to the Code of Conduct.

Please do not open public issues for security vulnerabilities. Follow SECURITY.md and report them privately through GitHub Security Advisories.

MIT

• orbkit by Shawn
• Original work by @XorDev. Used with permission.

See CREDITS.md for the full list.

Made with contrib.rocks