Aurora Mesh Generator

Design cinematic gradients. Adjust filters, drag nodes, and copy pure CSS.

Background Color
Nodes (Steps)
5
Active Colors
Filters
Grain (Noise)30%
Blur Spread74%
Contrast100%
Brightness100%
Hue Shift0°
Gradient Guidelines & Tips
  • [1] Drag Nodes: Move the dots on the canvas to physically reshape the gradient structure.
  • [2] Blur Spread: Decreasing the blur makes the color orbs tighter; increasing it blends them deeply into the background.
  • [3] Performance: CSS Mesh gradients load instantly compared to heavy image files. Always prefer copying the CSS.