Lumist Shade

Smooth Layered CSS Box-Shadow Generator.

Start with a Preset

Fine-tune Parameters

Layers (6)

Final Alpha (12%)

Y Offset (64px)

X Offset (0px)

Blur Radius (64px)

Spread Radius (-12px)

Interpolation Math

Mimics real physics. Creates a tight dark core and a wide, soft, natural fade.

Evenly spaces the layers. Good for rigid, artificial, or flat architectural designs.

Stays tight, then fades sharply at the edge. Best for intense directional light or neon.

Save to Workspace

Save these parameters to your local database so you can reload and tweak the sliders later.

Live Preview

Elevated UI

Vanilla CSS Export

box-shadow:
  0px 27px 27px -5.1px rgba(0, 0, 0, 0.11),
  0px 45px 45px -8.4px rgba(0, 0, 0, 0.1),
  0px 56px 56px -10.5px rgba(0, 0, 0, 0.09),
  0px 61.6px 61.6px -11.6px rgba(0, 0, 0, 0.08),
  0px 63.7px 63.7px -11.9px rgba(0, 0, 0, 0.07),
  0px 64px 64px -12px rgba(0, 0, 0, 0.06);