Map पर वापस
Digital / Web UI

Aurora Gradient

Aurora light से inspired soft atmospheric gradient, जो heavy illustration के बिना depth देता है.

Status: ReadyAu
Au

Usage

  • Hero backgrounds
  • Section bands
  • Empty states

Parameters

  • color stops
  • grain
  • contrast
  • field scale
  • dark base

AI Prompt

Soft flowing color fields, quiet grain, deep negative space और readable contrast वाला aurora gradient background बनाएं.

Tailwind notes

Dark base पर multiple radial gradients और subtle grain pseudo-element जोड़ें.

Performance notes

Large static gradients safe हैं. Low-end devices पर animated blur fields से बचें.

CSS

.aurora-gradient {
  background:
    radial-gradient(circle at 20% 20%, rgba(46, 255, 190, .42), transparent 32%),
    radial-gradient(circle at 74% 34%, rgba(255, 94, 210, .28), transparent 34%),
    radial-gradient(circle at 52% 78%, rgba(255, 211, 92, .22), transparent 32%),
    #080b0a;
}

React example

export function AuroraSection({ children }) {
  return <section className="aurora-gradient">{children}</section>;
}