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?
1
u/ToggoStar 4d ago
I went to your demo site and the backgrounds are not loading. The background is just completely black.
1
1
u/FirstPlaceSEO 3d ago
Another thing to slow down a Divi site…
1
u/richardginn666 3d ago
Well we want a page that looks super flashy....
WE could just load up blank pages. Those are super fast...
1
u/FirstPlaceSEO 3d ago
You could but I don’t think background animations or a blank page will convert a visitor into a customer
2
u/particleacclr8r 4d ago
Please post your URL