Aurora Flow

Type: Gradient

Preview

Aurora Flow

About This Background

CSS animated aurora gradient with flowing color bands. Uses conic-gradient with animated background-position for smooth color transitions. Lightweight pure CSS.

How to Use

// Option 1: Use as CSS background
// Copy the animated background CSS and add to your project

// Option 2: Use with AI website builder
// Prompt: "Add a Aurora Flow animated background to the hero section"

// Option 3: Use via MCP server
// Ask Claude: "Add the Aurora Flow background to my website"

Related Gradient Backgrounds

Gradient Mesh

Animated gradient mesh using multiple overlapping radial gradients. Creates a so...

Gradient Waves

Multi-layer gradient waves with different animation speeds. Creates a flowing oc...

Color Shift

Full-screen color shift with smooth hue rotation. Uses CSS filter hue-rotate wit...

Gradient River

Flowing gradient river with animated path and color transitions. Creates a smoot...