Learn GLSL shader programming with 200+ live examples
The fastest way to go from zero to writing real fragment shaders. Every preset is fully commented and editable. No local setup needed.
Who it's for
Computer Graphics Students
200+ interactive examples covering fundamental concepts — from SDFs to ray marching, noise to PBR materials. Every line commented and explained.
Self-Taught Developers
Learn at your own pace. Edit any example live, see the effect immediately. Use the AI generator to explain unfamiliar GLSL code.
Educators & Instructors
Share examples directly from Discord. Create interactive exercises for your class. Class mode with progress tracking coming soon.
GLSL curriculum — beginner to advanced
A structured 6-chapter path with live examples at every step. Modify the code and see the result in real time — no local environment required.
Resource Library
41 hand-picked resources — tutorials, tools, communities
The Book of Shaders
Step-by-step guide to fragment shaders — the most referenced GLSL learning resource. Open source.
Inigo Quilez — Articles & Tutorials
SDFs, ray marching, soft shadows, color palettes — the bible of advanced GLSL techniques by Shadertoy's co-creator.
An Introduction to Shader Art Coding — kishimisu
The most-watched beginner tutorial for shader art on Shadertoy. Hundreds of thousands of views.
Step-by-step guide to fragment shaders — the most referenced GLSL learning resource. Open source.
BeginnerSDFs, ray marching, soft shadows, color palettes — the bible of advanced GLSL techniques by Shadertoy's co-creator.
AdvancedThe most-watched beginner tutorial for shader art on Shadertoy. Hundreds of thousands of views.
BeginnerFriendly GLSL tutorials: ray marching, fractals, game effects — excellent for beginners.
BeginnerVectors, interpolation, Bezier curves, signed distances — beautifully animated math for shaders.
BeginnerDeep dive into value noise, fbm and domain warping in GLSL.
IntermediateLive coding sessions and explanations of advanced ray marching, SDF operations and rendering.
AdvancedBrowser-level WebGL: buffers, shaders, textures — useful for understanding the pipeline.
IntermediateOfficial Shadertoy shader tutorials — uniforms, ray marching, noise, directly runnable.
BeginnerLive GLSL editor in the browser — instant feedback, huge public shader gallery.
BeginnerThe premier online GLSL editor and community. Thousands of shared shaders with source code.
BeginnerExhaustive written guide to raw WebGL — vertices, textures, transforms, lighting.
BeginnerBeginner-friendly p5.js + GLSL shader tutorials by Daniel Shiffman.
BeginnerThe definitive reference for 3D SDF primitives, boolean ops, smooth blending and domain deformation.
IntermediateCosine-based color palettes — generate infinite smooth color ramps with 4 vec3 parameters.
IntermediateFractal Brownian Motion chapter from The Book of Shaders — fbm, domain warping, layered noise.
IntermediateClear step-by-step explanation of ray marching with signed distance functions — diagrams and GLSL code.
IntermediateValue noise, smoothstep noise, Voronoi — from The Book of Shaders.
IntermediateThe classic path tracing tutorial series — easily portable to GLSL fragment shaders.
AdvancedPolynomial, exponential and power smooth minimum functions for SDF blending.
AdvancedThe seminal 2008 demoscene paper introducing full-screen ray marching with GLSL.
AdvancedCheap analytical AO using distance field gradients. Short and high-impact.
AdvancedSoft shadow technique for ray-marched scenes using SDF minimum distance along the ray.
AdvancedVisual intuition for dot products, cross products, matrix transforms — essential shader math.
BeginnerInteractive linear algebra textbook with live figures — vectors, matrices, determinants.
BeginnerGentle introduction to the math underlying fragment shaders — targeting Unity but universal.
BeginnerKhan Academy trigonometry — sin, cos, atan2: the backbone of GLSL animations.
BeginnerTetrahedron trick for SDF normals — 4 samples instead of 6, no ugly conditionals.
AdvancedThe definitive beginner guide to WebGPU and WGSL — same author as WebGL Fundamentals.
BeginnerOfficial W3C WGSL specification — authoritative reference for all built-in functions, types and attributes.
AdvancedGoogle's official codelab — build a Game of Life cellular automaton with compute shaders and WGSL.
BeginnerCurated list of WebGPU + WGSL resources, demos, engines and research papers.
IntermediateBrowse the most popular Shadertoy shaders — study source code of anything from simple gradients to full ray tracers.
BeginnerGLSL and HLSL syntax highlighting extension for VS Code.
BeginnerOpen-source graphics debugger — inspect draw calls, textures, shader inputs/outputs.
IntermediateModular, multi-language shader library (GLSL/HLSL/WGSL/MSL) — noise, SDF, filters, color and more.
IntermediateLive-preview GLSL shaders directly in VS Code with Shadertoy uniform support.
BeginnerActive subreddit for graphics programming — questions, shader breakdowns, GPU research articles.
BeginnerOfficial Shadertoy community Discord — share your shaders, get feedback, discuss techniques.
BeginnerLarge Discord server for GPU programming, rendering code, shader techniques and real-time graphics.
IntermediatePouet.net — archive of demoscene productions including many GLSL shader-based demos with source.
AdvancedFeatures
Learn GLSL inside your Discord server
Share examples and exercises with your class or community directly in Discord — slash commands, no web account required.
See Plans →Take your shaders anywhere
Export to any engine or tool.
Export any tutorial shader as raw GLSL — use it anywhere.
p5.js Sketchp5.jsExport with p5.js boilerplate — run in the browser immediately.
Open shader directly in CodePen — share with students or colleagues.
AI-annotated version with inline explanations of every technique.