BLOKS WordPress Plugin
BLOKS Shader Display
Add realtime GLSL shader visuals to WordPress pages, product pages, hero sections, portfolios, and creative websites using simple shortcodes.
Version 1.2.0 includes custom GLSL uploads, automatic preview generation, visual shader management, responsive rendering, and performance controls.
About Shader Display
Realtime visual effects for modern WordPress sites.
BLOKS Shader Display lets WordPress creators add animated GLSL visuals without writing custom JavaScript or building a WebGL system from scratch. Use bundled shaders, upload your own GLSL files, and display them anywhere shortcodes are supported.
It is designed for hero sections, landing pages, portfolios, artist sites, music projects, product pages, creative agencies, and experimental layouts.
Features
Build your own shader-powered visual library.
Shader Library
Use bundled shaders or upload your own custom GLSL files from WordPress.
Preview Generator
Create visual thumbnails for uploaded shaders directly from the plugin interface.
Simple Shortcodes
Add shader displays anywhere WordPress supports shortcodes.
Performance Controls
Adjust quality, speed, height, interaction, and responsive behavior.
Why Realtime Graphics?
A lighter alternative to heavy video backgrounds.
Shader visuals are generated live by the browser, creating continuous motion without relying on large MP4 files or looping video embeds.
Because the visuals are procedural, they can adapt to different screen sizes, respond to interaction, and provide rich animated atmosphere with a compact code-based visual system.
Shortcodes
Copy, paste, customize.
Use the default display:
Shader display unavailable.
Choose a specific shader:
Shader display unavailable.
Use an uploaded custom shader:
Shader display unavailable.
Customize height, speed, quality, and interaction:
Shader display unavailable.
Included Starter Shaders
Start with built-in visuals.
Ocean
A calm animated blue wave shader with soft motion and atmospheric depth.
Shader display unavailable.
Plasma
A colorful animated plasma effect for energetic creative pages.
Shader display unavailable.
Aurora
A glowing atmospheric shader inspired by gradients and soft realtime motion.
Shader display unavailable.
The BLOKS Ecosystem
Pair Shader Display with other BLOKS tools.
BLOKS Shader Display works beautifully alongside Precursor themes, BLOKS Code Editor, shader product pages, creative portfolios, and experimental WordPress projects.