Loading ToolBox...
Loading ToolBox...
Design modern backgrounds. Switching from Classic Linear to trendy Mesh & Aurora gradients.
The "Modern" tab generates Mesh Gradients (also known as Aurora backgrounds). It achieves this by stacking multiple blurred radial gradients on top of a base color, finished with a noise texture.
This "3-Layer" technique (Base + Blurred Orbs + Noise) is the standard for high-end "AI-style" web backgrounds. Our tool generates the exact CSS required to replicate this effect.
The generator copies a block of CSS including a container class and pseudo-elements (::before, ::after) to handle the blur and noise layers without affecting your content.
Valid Aurora effects require separating the color layer (which needs blurring) from the noise layer (which must be sharp). We use pseudo-elements to keep your HTML clean.