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](https://github.com/shadcn-labs/shadercn), where you can ask questions, share ideas, and show what you've built. ## Contributing Contributions are welcome. See [CONTRIBUTING.md](CONTRIBUTING.md) to get the repo running locally and land a change, and use [issues](https://github.com/shadcn-labs/shadercn/issues) and [discussions](https://github.com/shadcn-labs/shadercn/discussions) to collaborate. By participating, you agree to the [Code of Conduct](./CODE_OF_CONDUCT.md). ## Security Please do not open public issues for security vulnerabilities. Follow [SECURITY.md](./SECURITY.md) and report them privately through GitHub Security Advisories. ## License [MIT](LICENSE) ## Credits - [orbkit](https://orbkit.zzzzshawn.cloud/) by [Shawn](https://x.com/zzzzshawn/) - Original work by [@XorDev](https://x.com/XorDev). Used with permission. See [CREDITS.md](CREDITS.md) for the full list. ## Contributors [](https://github.com/shadcn-labs/shadercn/graphs/contributors) > Made with [contrib.rocks](https://contrib.rocks) ## Star History