Shader Editor

Live editing shaders in the browser.

What is Shader Editor?

"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.

Download

Stats

By: https://www.clicktorelease.com

View on Chrome Web Store

Users: 6,000+

Rating: 4.59 (22)

Version: 1.0.17 (Last updated: 2016-04-06)

Creation date: 2016-04-06

Risk impact: High risk impact

Risk likelihood: Low risk likelihood

Manifest version: 2

Permissions:

http://*/*
https://*/*
webNavigation
storage

Size: 843.78K

Email: he*****@clicktorelease.com

URLs: Website

Stats date:

Chrome-Stats Rank

# 13013 ▼ 113

Other rankings

#2686 in Developer Tools ▼ 1 #95 in editor keyword 74 ▲ 32

Other platforms

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.

Summary

Analyze keywords

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

User reviews summary

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.
Useful for playing and editing shaders with WebGL
Friendly display of SHADER_NAME on the Tab.

Cons

No longer works on the latest version of Chrome.
Incompatibility with certain uses (e.g. doesn't work for Roblox).
May break threejs rendering on recent Chrome versions.
Search feature not working properly.
Crashes with some shaders due to state clean-up issues.

Most mentioned

Incompatibility with the latest version of Chrome.
Issues with threejs rendering.
Utility and usefulness in editing shaders.
Problems with the search feature.
Crashes with certain shaders.

Recent reviews

Used to love it. no longer works.

John Shankman (Johnny), 2022-12-11

It didn't work on the latest version of chrome. For example, even in the official three.js sample like this... https://threejs.org/examples/#webgl_animation_keyframes I'll change my rating when I'm sure it works.

お昼寝隊長, 2022-01-31

it doesnt work for roblox sadly

thecn0Fried, 2021-05-18

View all user reviews

Safety

Risk impact

Shader Editor is risky to use as it requires a number of sensitive permissions that can potentially harm your browser and steal your data. Exercise caution when installing this extension. Review carefully before installing. We recommend that you only install Shader Editor if you trust the publisher.