📦 CSS Box Shadow

Design one or more stacked box-shadow layers — offset, blur, spread, color, and inset — then copy the CSS straight into your project. Everything renders live, all computed locally in your browser.

CSS

How to Use This Tool

Each layer adds one shadow to the stack — adjust its X/Y offset, blur, spread, color, and opacity, or check "Inset" to draw it inside the box instead of outside. Stack multiple layers for richer, more realistic shadows (e.g. a tight dark layer plus a soft wide one). When it looks right, click "Copy CSS" and paste the box-shadow declaration into your stylesheet.

Everything runs locally in your browser; nothing you design here is uploaded or saved.