Box Shadow Generator

Create perfect CSS box shadows with live visual controls.

Offset X: 10px Offset Y: 10px Blur: 20px Spread: 0px Color: Opacity: 25%

Preview:

How to use

Drag the sliders, watch the preview, and copy the CSS.

What do the sliders mean?

Offset X/Y move the shadow, blur softens it, spread grows it.

☕

Every tool runs 100% in your browser — no uploads, no signups. If a tool saved you time, consider supporting us with a small donation.