Website · Claim your username · Explore shaders · About
A few hundred lines of shader code can give a website light, texture, and movement. Too much of that work stays in demos and experiments. OpenShaders is being built to bring it to real websites and make the web a more expressive place.
The goal is to build the largest collection of shaders that look great and are easy to find, customize, and use in your own projects.
Work on the platform is already underway. The full OpenShaders experience is coming soon, with its source code published here.
In the meantime, you can claim your username, get your own shader, and explore what other names look like. Star this repository to follow along.
- A collection worth exploring. Shaders made for real projects, starting with a free, open source library.
- A live shader editor. Create with WebGL or WebGPU and collaborate with other makers.
- Code you can use. Ready-to-use React components and JavaScript modules, with a shadcn registry for installing shaders from your terminal.
- A home for your work. Publish shaders, discover and save favorites, and find the people behind them.
- Head to openshaders.com and choose your username.
- Confirm your email to reserve it for the upcoming platform.
- Reveal the shader generated from your name, share it, or copy its code into your own website.
The handle you claim today will be yours when the platform opens. Your shader is yours to keep, and you'll receive updates as launch gets closer.
OpenShaders is being built as a free, open source platform under the MIT license. You'll be able to explore the code, contribute, and run it yourself.
The platform's license covers the platform. Creators will choose the licenses for their own shaders.
Built by David H.. Read the story behind OpenShaders.