
r/webgl

I built a browser-based GLSL shader editor — write vertex/fragment shaders and preview them live on terrain, primitives, or your own GLB models
Been working on this for a while — Universal Shader Studio is a browser-based GLSL editor built with React + Three.js.
What it does:
- Live vertex + fragment shader editing with real-time compile
- Preview on procedural terrain, primitives, or upload your own GLB model
- Multi-format export: Three.js ShaderMaterial, R3F component, raw GLSL, vanilla WebGL
- No install, no backend, runs entirely in the browser
Live: shader-studio-teal.vercel.app
Source: github.com/void032/shader-studio
Would love feedback from this community — especially on the export formats and what's missing for your workflow.
HELP: Recreate the components on this site
Hi everyone!!
I did several courses on webgl and three.js but still didnt pass that threshold from toy examples to real world premium looking webs.
So I will like to start with an space where we share docs/courses/repos/resources that can help us get closer to building a clone to: https://www.continuous.vc/ . I commit to build the clone and share it open source in Github if we get closer to this.
Any help on the effects? Thank you so much in advance!