Shader Playground

Interactive GLSL shader experimentation in the browser

Live Fragment Shader Playground

Fragment Shader Editor

Compile Output
Ready.

Preview

1.5
1.0

Uniforms: u_time updates every frame, u_resolution updates on resize, and sliders control u_scale and u_speed in real time.

About this project

This tool allows experimenting with GLSL fragment shaders directly in the browser.
It uses Three.js and WebGL to render a fullscreen quad while recompiling shaders in real time, making it useful for learning and prototyping shader effects.