WebGL Shader Editor and Composer

Create beautiful, complex shaders in your browser with no code!

+ =

Compose two or more shaders together to create complex effects.

ShaderFrog uses a parser and compiler to compose any shaders together.

Export to Multiple Targets

ShaderFrog targets Three.js, but has planned support for Unity, iOS, raw GLSL, and more!

Tools for Designers

Compose shaders and tweak parameters to get the visual effect you want, without writing code!

Tools for Developers



Full featured GLSL code editor with syntax highlighting



Automatically recognized uniforms with helper forms



Inline errors while coding

Social Shaders



Favorite shaders you like, tag your own shaders to increase visiblity, add comments, and share shaders to engage your audience.