Animation Engine
Animated Backgrounds
Over 35 living section backgrounds — aurora, mesh gradients, particles, constellation, starfield, matrix rain, glow orbs and a cursor spotlight — rendered on a canvas behind your content. They pause off-screen and honour reduced-motion.
35+ backgrounds
Backgrounds that breathe.
Every band below has a real animated background behind its content — set from the section’s Background options, no images. They pause when off-screen and fall back to a static frame under reduced-motion.
Animated background
Aurora
Soft ribbons of colour drift behind the content.
Animated background
Mesh Gradient
Four colours melt and shift like a living gradient.
Animated background
Gradient
A smooth, slowly-rotating multi-stop gradient.
Animated background
Particles
Drifting dots float gently across the section.
Animated background
Constellation
Points connect into a shifting web near the cursor.
Animated background
Starfield
A field of stars streams past at warp.
Animated background
Shooting Stars
Meteors streak across the night sky.
Animated background
Glow Orbs
Big soft orbs of light drift and blend.
Animated background
Matrix Rain
Cascading glyphs, straight out of the film.
Animated background
Cursor Spotlight
A soft glow follows the cursor across the panel.
Animated background
Waves
Layered sine waves roll across a light band.
Animated background
Dot Grid
A subtle, slowly-drifting dot grid.
How to set it up
Add it in under a minute
- Open a Section (or Bleed / Masonry / Row) → the Styling tab.
- In the Background group, open Background Effect.
- Pick an effect and tune its colours and speed.
- Save — it renders on a canvas behind the section’s content.
Free & open source
Build with this element, free.
Install the framework and the Bootstrap 5 theme, then drag this element into any page.