Shader Editor

Live editing shaders in the browser.

Shader Editor: Live Shader Editing Tool for your Browser

"Shader Editor" is a Chrome DevTools extension designed for web developers focused on graphics. It allows users to edit GLSL shaders including vertex and fragment shaders live in the browser. This tool offers additional features such as syntax highlighting, error reporting, autoformatting, GLSL optimization, shader coloring on hover, and shader naming. Shader Editor also allows texture monitoring and editing, greatly enhancing your web development process.
Install from Chrome Web Store

Extension stats

Users: 5,000+
Rating: 4.29
(24)
Version: 1.0.17 (Last updated: 2016-04-06)
Creation date: 2016-04-06
Risk impact: High risk impact
Risk likelihood:
Manifest version: 2
Permissions:
  • http://*/*
  • https://*/*
  • webNavigation
  • storage
Size: 843.78K
URLs: Website

Other platforms

Shader Editor (v2.34.3)
4.80 (931) 68,043+
Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

A Chrome DevTools extension to help you edit shaders live in the browser. 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

User reviews

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.
Pros
  • Very useful and easy to use.
  • A great tool to enjoy playing with shaders with webGL.
  • Amazing tool!
  • Fantastic for quick tweaks and edits.
  • A very nice piece of engineering.
Cons
  • Does not work with the latest version of Chrome.
  • Incompatible with Roblox.
  • Search feature does not work.
  • Some shaders cause crashes.
  • Lacks tutorials and adequate documentation.
Most mentioned
  • Does not work with the latest version of Chrome.
  • Very useful and easy to use.
  • Amazing tool!
  • Lacks tutorials and adequate documentation.
  • Some shaders cause crashes.
User reviews
assim como outras extensões do chrome, eu não tenho ideia do que essa extensão faz. eu procurei por um editor de shader e caí nesse... o que é isso? onde eu edito, qual shader? onde eu clico? não tem tutorial de uso, não tem nada. o site aponta pra trabalhos glsl que são feitos com outras tecnologias. eu não entendi nada.
by Elsio Antunes, 2024-07-28

not working at all
by Raphaël Benzazon, 2024-06-05

Used to love it. no longer works.
View all user reviews

Extension safety

Risk impact

Shader Editor requires some sensitive permissions that could impact your browser and data security. Exercise caution before installing.

Risk likelihood

Shader Editor has earned a fairly good reputation and likely can be trusted.

Upgrade to see risk analysis details

Promo images

Shader Editor small promo image
Small promo image

Similar extensions

Here are some Chrome extensions that are similar to Shader Editor: