Display a WebGL shader.
As of April 2026, Display WebGL Shader is a WordPress block plugin with 10 active installations and a 0/5 rating0. It has been downloaded 4.0K+ times in total. Requires WordPress 5.8+ and PHP 7.0+. Available on WordPress.org since 2021. Last updated 3 years ago — may have compatibility concerns. Top alternative: Spectra Gutenberg Blocks – Website….
This plugin allows you to display a WebGL2 fragment shader, compatible with https://shadertoy.com
Simply copy and paste the code of your fragment shader into the edit box.
This plugin makes use of the open source “gl-matrix” library by Brandon Jones and Colin MacKensie IV.
Your shader code should look like the example below. The mainImage() function is called once for each pixel.
`
void mainImage(out vec4 fragColor, in vec2 fragCoord)
{
// Normalized pixel coordinates (from 0 to 1).
vec2 uv = fragCoord / iResolution.xy;
// Output to screen as (r, g, b, alpha).
fragColor = vec4(uv.x, uv.y, 0.0, 1.0);
}
`
| WordPress | 5.8+ requiredTested up to 5.9.0 |
| PHP | 7.0+ required |
Fix missing rename from “WebGL Shader” to “Display WebGL Shader”.
Breaking change: The ID and CSS class on the canvas have been renamed.
Plugin data sourced from WordPress.org. Analysis and metrics by PluginSift.