Shader Library // OpenRGB Effects engine
booting…

OpenRGB effects · live in the browser · 0 frameworks

A working library of
OpenRGB fragment shaders.

A collection of .fs shaders for the OpenRGB Effects Plugin, each with the prompt that produced it. Hover any card for a live WebGL2 preview, open it for the full runner — LED matrix, audio input, and the same iParam controls the plugin exposes — then copy or download the source and paste it straight into OpenRGB.

engineWebGL2 + GLSL ES 3.00 grid16 × 6 default uniformsiTime · iResolution · iAudio[256] · iParam0–7

The still image on each card is a pre-rendered frame from the same GLSL emulator the shadercheck linter uses, so it matches what your LEDs will see. The live preview inside each card (on hover) and on the detail view runs the real WebGL2 pipeline in your browser — the same maths as the Shaders effect on the desktop, including iParam0–iParam7. To keep a shader as a file, drop the downloaded .fs into ~/.config/OpenRGB/plugins/settings/effect-shaders/ and pick it from the Shaders effect.

Back to library

…

…

…

Live preview — × —
LED matrix sampled per-LED, exactly like a device
Audio iAudio[256] + iChannel0
GLSL source — lines · — bytes Download .fs 
…
How to install in OpenRGB 3 steps · ~30 s
  1. Add the effect. Open OpenRGB → Effects tab → add the Shaders effect. If it’s missing, install the OpenRGB Effects Plugin from Settings → Plugins.
  2. Paste the source. Open the Shaders effect’s editor, delete what’s there, paste this shader’s source, and hit Apply. The grid should immediately match the live preview above.
  3. Save the preset. When you like it, hit Save in the Shaders effect so it survives restarts. Drop the .fs file into ~/.config/OpenRGB/plugins/settings/effect-shaders/ (Linux) or %APPDATA%\OpenRGB\plugins\settings\effect-shaders\ (Windows) to keep many shaders as drop-in files.

If the effect looks stretched or too zoomed, switch the grid preset above — the shader re-evaluates for that iResolution in real time.