Interactive utility
Shadow Generator
Design modern CSS box-shadows with live preview, presets, and multiple layers.
Browser basedNo accountFree
Live preview
Presets
1 layer active · stack up to 5 shadows for depth
Shadow layers
1Layer 1
X offset0px
Y offset8px
Blur24px
Spread0px
Opacity12%
Color
CSS output
box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.12);