Live editing shaders in the browser.
Shader Editor Extension
Very much based on Firefox DevTools Shader Editor.
Includes live edit of GLSL shaders: vertex and fragment shaders.
Syntax highlighting and error reporting.
Fullscreen editor mode.
Autoformat and GLSL optimisation option.
Shader colouring on hover
Shader naming support
Texture monitoring and editing
Source Manifest.json
Similar Extensions
Three.js Editor Extension 5,000+ 20 ★ 42.85KiB
WebGL Texture Monitor 5,000+ 3 ★ 18.84KiB
Shadertoy unofficial plugin. 5,000+ 13 ★ 1.21MiB
Shadertoy frame exporter 5,000+ 3 ★ 23.84KiB
Shadertoy Custom Texures 5,000+ 14 ★ 4.38KiB
Spector.js 5,000+ 45 ★ 370KiB
Immersive Web Emulator 5,000+ 21 ★ 700KiB
WebGPU Inspector 5,000+ 7 ★ 253KiB
Web Tracing Framework 5,000+ 11 ★ 1.3MiB
Audion 5,000+ 38 ★ 217KiB
WebXR API Emulator 5,000+ 20 ★ 755KiB
Octotree - GitHub code tree 5,000+ 1139 ★ 3.54MiB
PixiJS Devtools 5,000+ 70 ★ 145KiB
webgpu-devtools 5,000+ 2 ★ 160KiB
PlayCanvas Editor Plus 5,000+ 6 ★ 329KiB
LiveReload 5,000+ 808 ★ 60.78KiB
Cocos Creator Devtool 5,000+ 16 ★ 324KiB
OctoLinker 5,000+ 110 ★ 184KiB
DevTools Theme: Zero Dark Matrix 5,000+ 545 ★ 56.82KiB
Sourcegraph 5,000+ 169 ★ 8.22MiB
DevTools Author 5,000+ 117 ★ 377KiB
MobX Developer Tools 5,000+ 51 ★ 682KiB
Node.js V8 --inspector Manager (NiMV3) 5,000+ 97 ★ 582KiB
FPS extension 5,000+ 89 ★ 12.69KiB
User reviews
John Shankman (Johnny) (ID: 0000003767f67fbb) Voted 4 ★ - Updated 12/11/2022
お昼寝隊長 (ID: 0000006ad1aa0745) Voted 3 ★ - Updated 01/31/2022
thecn0Fried (ID: 0000009db25a5c06) Voted 3 ★ - Updated 05/18/2021
Nicolas Lelong (ID: 000000280e810680) Voted 3 ★ - Updated 03/05/2020
Yam Lam (ID: 000000a6d9fa6168) Voted 4 ★ - Updated 04/07/2017