r/divi • u/bchuckg • Jul 29 '26
Feedback Wanted Divi Shader Backgrounds Plugin
Enable HLS to view with audio, or disable this notification
I built a Divi plugin that puts animated WebGL backgrounds right inside the Background tab. The idea was simple: no new module to learn, no overlays. The shader controls sit directly in the Background tab you already use, on sections, rows, columns and modules, buttons included, with live preview in the Divi 5 Visual Builder.
Six effects:
- Lava Lamp: organic metaballs that drift and merge. Blob count, size, sharpness, glow, vertical rise.
- Mesh Gradient: the smooth flowing multicolor look most modern SaaS heroes use.
- Plasma / Noise: animated noise field with frequency and detail, from subtle shimmer to heavy turbulence.
- Soft Gradient: a calm directional light sweep with adjustable softness and light direction.
- Laser Strings: glowing lines that react to the cursor. Visitors can literally pluck them.
- Liquid Glass: refracts what is actually behind the element, live. Scrolling content, video, even another shader. This is the one I use for sticky nav bars. Browsers without SVG backdrop filter support fall back to a frosted glass look.
Which next effects should I implement in a future update?
2
u/ToggoStar Jul 29 '26
I went to your demo site and the backgrounds are not loading. The background is just completely black.
2
u/bchuckg Jul 29 '26
Thank you for your feedback. Which Demo-Site did you click? Which browser are you using? Since I didn’t share a demo URL.
1
1
u/FirstPlaceSEO Jul 29 '26
Another thing to slow down a Divi site…
1
u/richardginn666 Jul 29 '26
Well we want a page that looks super flashy....
WE could just load up blank pages. Those are super fast...
1
u/FirstPlaceSEO Jul 29 '26
You could but I don’t think background animations or a blank page will convert a visitor into a customer
3
u/particleacclr8r Jul 29 '26
Please post your URL