shadercn

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

Features

• ⚡ 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

Community

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

Contributing

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.

Security

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

License

MIT

Credits

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

See CREDITS.md for the full list.

Contributors

Made with contrib.rocks

Star History