box shadow

Build a CSS box-shadow.

Layer up to 4 shadows with X, Y, blur, spread, color, and inset. Live preview and one-click copy.

css
box-shadow: 0px 8px 24px -4px #0a0a14;

Frequently asked

Is this tool free?
Yes. The box shadow generator is completely free. Layer multiple shadows and copy the CSS.
Do I need to sign up?
No. Adjust the sliders, see the live preview, and copy the result. No account required.
Is my data private?
All CSS is generated in your browser. No data is sent to any server.
How many shadow layers can I add?
Up to 4 layers. Each layer has independent controls for X offset, Y offset, blur radius, spread radius, color, and an inset toggle. The live preview updates as you adjust any slider.