Atmosphere Engine

Atmosphere Backdrop Studio

Design complex, layered mesh gradients and structural patterns. The perfect foundation for premium glassmorphism interfaces.

Mesh Nodes

Node #1

Position X20%

Position Y20%

Bloom Size50%

Node #2

Position X80%

Position Y30%

Bloom Size60%

Node #3

Position X40%

Position Y80%

Bloom Size45%

Node #4

Position X90%

Position Y90%

Bloom Size55%

Structural Overlays

Grid Intensity5%

Grid Size40px

Grain Texture3%

Atmosphere Chamber

Glass Clarity

Testing refraction against your custom backdrop.

Atmosphere Rule (CSS)

background-color: #020617;
background-image: 
    radial-gradient(circle at 20% 20%, #6666FF22 0%, transparent 50%),
    radial-gradient(circle at 80% 30%, #BB33FF22 0%, transparent 60%),
    radial-gradient(circle at 40% 80%, #10b98122 0%, transparent 45%),
    radial-gradient(circle at 90% 90%, #f43f5e22 0%, transparent 55%);