Design CSS box-shadow visually
Want a deeper walkthrough? Read our complete guide to Box Shadow Generator →
Box Shadow Generator builds CSS box-shadow values visually — offset, blur, spread, color, opacity and inset — with a live preview.
It removes the guesswork from shadows and gives you copy-paste CSS. Runs entirely in your browser.
Spread grows or shrinks the shadow before the blur is applied — positive values make it larger.
Yes, enable the inset option for shadows inside the element.
Yes, the generator is free and runs locally.
