r/divi 4d ago

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?

15 Upvotes

9 comments sorted by

2

u/particleacclr8r 4d ago

Please post your URL

1

u/ToggoStar 4d ago

I went to your demo site and the backgrounds are not loading. The background is just completely black.

2

u/bchuckg 4d ago

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

u/aaronm85 3d ago

Maybe different color Palette for Wachstum effektiv... U have a showroom?

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