Dot Pattern Glow

A grid of lines or squares whose cells fade or flicker on and off.

Add an "Animated Grid Pattern" background (also called a flickering grid or grid background) to [where].
A faint grid of lines should stay in place while a few scattered cells slowly fade in and out at different times: quiet and subtle, never all at once.
Keep it behind the content without catching clicks, and stop the flicker for users who prefer reduced motion.

A skewed grid of tiles lights up in color as the pointer passes over them.

Add a "Background Boxes" effect (also called a tile hover background) to [where].
Fill the area with a skewed grid of tiles; each tile the pointer passes over should light up instantly and then fade back slowly, leaving a short trail.
Keep the tiles behind the content so they don't block clicks on it, and on touch devices light the tapped tile instead.

Tiny stars twinkle or drift across a dark space-like backdrop.

Add a "Starfield" background (also called a stars background or twinkling stars) to [where].
Tiny stars of different sizes should twinkle softly at their own pace while the whole field drifts very slowly: quiet and calm.
Keep the number of stars modest so it stays light, and stop the twinkling and drift for users who prefer reduced motion.

A glowing lamp line widens and casts a cone of light onto a heading beneath it.

Add a "Lamp Effect" (also called a lamp glow) to [where].
When the section comes into view, a thin glowing line should widen from the center and cast a soft cone of light down onto the heading below, which fades up into place: slow and smooth.
Play it only once, and for users who prefer reduced motion show the lit heading straight away.

Soft beams of light sway across the background.

Add a "Light Rays" background (also called god rays or light shafts) to [where].
Several soft, semi-transparent beams should fan out from the top and sway gently back and forth, brightening and dimming a little: slow and atmospheric.
Keep the rays behind the content and faint enough not to hurt readability, and stop them for users who prefer reduced motion.

Several color points blend smoothly and drift, forming an organic, multi-hue backdrop.

Add a "Mesh Gradient" background (also called an animated mesh gradient) to [where].
Several soft color spots should blend into one another and drift slowly around the area, so the backdrop keeps shifting in an organic way: very slow and smooth.
Keep content on top readable over every blend, and stop the drift for users who prefer reduced motion.