# Aurora gradients

> Large, blurred, slowly shifting blobs of colour behind content, like the northern lights.

- Category: The -morphism family
- Era: 2020–present
- Origin: Stripe’s animated WebGL gradient, Dribbble mesh-gradient trend
- Lesson: https://design.dawit.dev/styles/aurora
- Try it: https://design.dawit.dev/styles/aurora?style=aurora

## Where it came from

Stripe’s animated WebGL gradient homepage and the wider mesh-gradient trend on Dribbble and in design tools made it popular. Later it became the default background for AI and crypto landing pages, which made it a cliché quickly.

## How to spot it

- Multiple radial gradients blurred together
- Slow drifting animation
- Dark or very light base
- Usually paired with glass panels

## Strengths

- Instant atmosphere
- Cheap to build with CSS
- Works with almost any brand colour

## Weaknesses

- Heavily overused (the “AI startup” look)
- Says nothing about the product
- Animation can distract

## In the wild

- Stripe homepage gradient
- Countless AI-tool landing pages
- Abstract colour-field desktop wallpapers

## Use it when

A brand moment or hero where mood is the point — not behind dense UI.

## Related styles
[Glassmorphism](https://design.dawit.dev/styles/glassmorphism.md), [AI SaaS Gradient](https://design.dawit.dev/styles/ai-saas-gradient.md), [Light Leak](https://design.dawit.dev/styles/light-leak.md)