Part of Rare Blocks

Aurora Background

A living gradient behind any section, without a video file or custom code.

A container module: put your headings and buttons inside and a slow, shifting gradient plays behind them. Where it cannot run, a still gradient in the same colors shows instead.

How to use Aurora Background in Divi

  1. Step 1

    Add the module

    Drop it into any Divi 5 section, row, or column. Container modules take your existing headings and buttons inside them.

  2. Step 2

    Pick a preset

    Ten presets per module set the motion, timing, and look in one click. Then adjust anything with the usual Divi design controls.

  3. Step 3

    Replace the content

    Swap in your text, images, or video. Motion runs live in the browser, with no video files or custom code, and reduced motion is respected.

Will Aurora Background slow down my site?

No. The effect is drawn live with no video files, and the animation library loads only on pages that use Aurora Background. Visitors who prefer reduced motion get a still version.

Can I change how Aurora Background moves?

Yes. Start from one of ten presets, then tune the timing and every visual detail with Divi design controls.

Does Aurora Background work with Divi 4?

No. Aurora Background is built for Divi 5 only. You need the Divi 5 theme or the Divi 5 Builder plugin.

Get Aurora Background with Rare Blocks

Or get every Divi People plugin with the All Access Pass.