ShaderFrog Shader Editor

If you are looking for a tool to quickly create complex shaders by mixing and matching existing shaders, ShaderFrog might be the perfect tool for you!  Running entirely in your browser, ShaderFrog can be used to create WebGL shaders in two ways.  First you can create a shader by connecting together existing shaders, to create a new composite shader.  Shaders can even be imported from ShaderToy or the GLSL Sandbox.

image

In addition to the composition based approach, there is also a full blown GLSL text editor with automatic compilation/error reporting, syntax highlighting and more.  Once you are happy with your created shader, you can save it, share it, or export it to iOS, Unity or Three.js.

Check out ShaderFrog in action in the video below.

Programming Design Art


Scroll to Top