What the Frontend? Open the interactive gallery →
Background & Atmosphere

Aurora effect

Softly animated, luminous blobs of color that shift like the northern lights.

What you're seeing

Hazy, glowing color shapes that drift slowly in the background — ethereal, cosmic, ambient.

Where you'll see it

Hero sections, loading screens, dark-themed brand moments.

Difficulty

Low — 2/5

Libraries that build it

CSSGSAPcanvas

From the toolbox

React BitsThis gallery's effects as drop-in React components — split text, counters, auroras, magnets — free, animated, and pasteable.Aceternity UIMarketing-site wow, componentized — spotlights, 3D cards, infinite marquees. The shortcut to looking expensive.

Ready to prompt — paste this into your AI coding tool

"Layer blurred divs (blur: 80-120px) at large sizes, animate position and opacity slowly with GSAP"

Seen in the wild

ReflectThe glowing orb that launched a thousand dark-mode SaaS heroes — rendered in PixiJS, not a video.

Related Background & Atmosphere effects

Gradient meshNoise textureAnimated gradientParticle backgroundGrid / dot patternSVG blob morph
See the animated preview in the dictionary →