Shader Studio | Video Preview

S

Shader Studio

Duration

Transition

Resolution

Stages

Stage Editor

Timeline

Zoom

Total: 0.0s

Drag edges to resize • Click to seek • Scroll to pan

Stage 1/2

Time 0.0s

Status Ready

Debug -

+ Import Shader

Select a shader from the project. Files from shaders/ use window.SHADER_NAME format, files from blog/shaders/ are raw GLSL.

📁 shaders/ (main)

📁 blog/shaders/

Shader Exports

📄

Drop .glsl or .glsl.js file here or click to browse

Supports raw GLSL and window.SHADER_NAME format

Shader Title

Detected Uniforms

{} Edit Configuration

Edit the full shader configuration including keyframes and animations.