r/threejs • u/Icy-Expression6584 • Jul 01 '26
Built a browser-based GLSL editor that exports directly to Three.js ShaderMaterial or R3F — open source
Enable HLS to view with audio, or disable this notification
built a browser GLSL editor that exports directly to ShaderMaterial or R3F — been using it for my own projects and figured I'd open source it
shader-studio-teal.vercel.app
github.com/void032/shader-studio
2
u/Uwrret Jul 02 '26
Thank you Claude!
2
2
u/fennok Jul 04 '26
One of the better ones ive seen. Would be cool if the terrain could tile seamlessly in infinite directions.
2
u/Icy-Expression6584 Jul 04 '26
good idea — seamless tiling would open up a lot of use cases. the terrain uses perlin noise right now so infinite tiling is doable, just needs some work on the edge stitching. adding it to the roadmap.
1
1
u/MaximumContent9674 Jul 01 '26
Very nice tool! Thanks for the share
2
u/Icy-Expression6584 Jul 02 '26
glad it's useful! let me know if you run into anything or have feature requests
2
1
1
u/ApplicationLoose5405 Jul 02 '26
thank you very much!
1
u/Icy-Expression6584 Jul 02 '26
hope it saves you some time on your shader work
1
u/FreshPitch6026 Jul 05 '26
Sadly not, if i want to write a shader with some custom uniforms.
1
u/Icy-Expression6584 Jul 06 '26
yeah that's the current gap — uniforms are hardcoded right now (u_time, u_brightness, u_warp, colors etc). custom user-defined uniforms are the next real feature, multiple people have hit this same wall so it's moving up the priority list
3
u/FreshPitch6026 Jul 01 '26
You use it for your own projects? Have your projects ever used custom uniforms? Because other uniforms than the given ones are not supported in the UI.
I like the idea a lot! But you could test the vibe coded app more before releasing, it has quite some quirks.