CSS Box Shadow Generator
A free online CSS box shadow generator. Add up to 4 shadows with individual controls for X/Y offset, blur, spread, color, opacity and inset. See a live preview, choose from 8 presets (Subtle, Card, Float, Glow, Sharp, Neumorphic) and copy the generated CSS code. Essential for developers and designers building modern UIs.
0px
4px
16px
-4px
20%
#000000Preview
CSS
box-shadow: 0px 4px 16px -4px #00000033;
Presets
Related Design Tools
CLIcCp
Browse all Design tools →Color Converter (HEX / RGB / HSL)
Convert colors between HEX, RGB, HSL, and CMYK formats.
Image Compressor
Compress images in your browser — JPEG, WebP, PNG. No uploads.
Color Palette Generator
Generate complementary, analogous and triadic palettes from any colour.