Box Shadow Generator – Free Online Tool

Box Shadow Generator

Create layered CSS box shadows with live preview — drag to reorder layers

Live Preview

BG:

Preview

Card border-radius: 12px

Click a layer to edit it · Drag to reorder · Toggle visibility eye icon · Stack multiple shadows for complex effects

Shadow Layers

Edit Layer

Offset X 0px

Offset Y 10px

Blur 25px

Spread 0px

Opacity 30%

Color

#6366F1

Inset

Shadow Presets

Generated CSS

Kanolyx