Features
More than a canvas behind your page
An effect is the start. These are the parts that decide where a background runs, how readable your content stays on top of it, and what each visitor actually gets.
Section backgrounds
Select any Group or Cover block and switch on Animated background. Only that section is animated, and it is independent of the site-wide background. Each section picks its own look, overlay and phone behaviour.
Hero section
Only this block is animated.
Call-to-action band
Get startedReadability overlay
A color and a strength, laid over the effect and under your content. Tell the plugin whether the text on top is light or dark and it picks the overlay color for you.
Text that has to stay readable
Slide the overlay to zero and this paragraph has to fight the particles behind it.
You decide what phones get
WebGL costs battery on a small device, so every background has an On phones setting. Try the four choices.
On a phone
The same animation desktop visitors get.
Visitors who ask for reduced motion, use Save-Data, or have no WebGL always get the still image.
Layered backgrounds and blend modes
Pro runs several backgrounds at once. Each layer has its own opacity, stacking order and blend mode, so two effects combine into something neither does alone.
- 2 · Northern Lights (Aurora) — screen, 80%
- 1 · Night Sky (Starfield)
Different backgrounds on different pages
Give each background its own rule for where it shows, plus pages to leave out. Or point it at any element on the page with a CSS selector — useful for sections built in Elementor, Bricks or another builder.
Show a background on
- Front page
- Blog / posts index
- All posts or all pages
- Individual pages and posts
- Any post type
- Categories and tags
- Archives, author and date archives
- Search results and the 404 page
Plus an “Except on” list, and a CSS selector target (up to 6 matching elements per page, to stay inside the browser’s WebGL limit).
Free vs Pro
What each version gives you
The free plugin gives you 6 effects with 14 color controls between them. Pro adds 17 effects, every motion and size control, layering and targeting.
| Feature | Free | Pro |
|---|---|---|
| Background effects | 6 | 23 (17 more) |
| Color controls for every effect you have | ✓ | ✓ |
| Motion, size and interaction controls | — | 207 controls |
| Looks gallery (32 looks) | Looks for free effects | All looks |
| Copy look / Paste look | ✓ | ✓ |
| Site-wide background | One | Several, layered |
| Section backgrounds on Group and Cover blocks | ✓ | ✓ |
| Readability overlay | ✓ | ✓ |
| Per-background phone behaviour | ✓ | ✓ |
| Still image for reduced-motion, Save-Data and no-WebGL visitors | ✓ | ✓ |
| Show on chosen pages, post types, categories, tags, archives | — | ✓ |
| Exclude pages | — | ✓ |
| Target any element with a CSS selector | — | ✓ |
| Position, stacking order (z-index), opacity | — | ✓ |
| Layer blend modes | — | ✓ |
Put one on your site in a minute
Install the free plugin, pick an effect or a look, set your colors and switch it on. No shortcode, no code.