GLSL editor online — write shaders in your browser

ShaderKit is a free, browser-based GLSL editor with real-time preview, syntax highlighting, multi-buffer support and ShaderToy-compatible uniforms. No install, no signup — open it and start writing fragment shaders.

Free forever for the full editor. No account needed to try.

Everything you need to write GLSL, in one tab

Real-time preview

The viewport recompiles as you type. Compile errors show inline with line numbers so you can fix them immediately.

Proper code editor

Syntax highlighting, auto-completion and multiple themes — a real editing experience, not a plain textarea.

Multi-buffer shaders

An image pass plus four buffer channels (iChannel0–3) and a shared Common tab — build feedback effects, particle systems and simulations.

Custom uniforms

Add your own uniforms with UI controls and tweak parameters live instead of hard-coding constants.

Function library

Drop in proven noise functions, SDF primitives and color palettes, or save your own snippets for reuse.

Export when ready

Record video in the browser for free, or use cloud rendering for up to 8K MP4, WebM, GIF and stills.

Standard ShaderToy-style uniforms, ready to use

ShaderKit follows the conventions shader artists already know. Every shader gets the standard inputs — no boilerplate setup:

uniform vec3  iResolution;   // viewport resolution in pixels
uniform float iTime;         // elapsed seconds
uniform vec4  iMouse;        // mouse position and click state
uniform int   iFrame;        // frame counter
uniform sampler2D iChannel0; // buffer / texture inputs (0–3)

void mainImage(out vec4 fragColor, in vec2 fragCoord) {
    vec2 uv = fragCoord / iResolution.xy;
    fragColor = vec4(0.5 + 0.5 * cos(iTime + uv.xyx + vec3(0,2,4)), 1.0);
}

Coming from ShaderToy? See how ShaderKit compares as a ShaderToy alternative.

From blank editor to finished piece

Write

Start from a template or paste existing GLSL. The preview updates live as you type.

Iterate

Tune parameters with custom uniforms, perfect seamless loops with dedicated loop tools, or ask the AI assistant to make changes for you.

Export

Record in-browser for free, or render on the cloud at up to 8K with anti-aliasing for client work, wallpapers and social posts.

Frequently asked questions

Is the ShaderKit GLSL editor free?

Yes. The full editor is free forever: unlimited projects, unlimited local rendering, in-browser video recording, and the function library. Paid plans only add cloud rendering up to 8K and the AI assistant.

Do I need to install anything?

No. ShaderKit runs entirely in your browser using WebGL. Open the editor, start typing GLSL, and the preview updates in real time. No signup is required to try it.

Does it work with ShaderToy code?

Yes. ShaderKit uses ShaderToy conventions — mainImage() and the standard uniforms — so most ShaderToy shaders can be pasted in and run directly, including multipass shaders using buffers.

Can I save and share my shaders?

Yes. Create a free account to save unlimited projects, publish shaders with a share link, embed them on other sites, and browse or fork public shaders.

Start writing shaders now

Your browser is the only tool you need.

Open ShaderKit →