Box Shadow Generator

Visual tool to create and copy CSS box-shadow code.

#e0e0e0

24px

border-radius: 24px;
background: #e0e0e0;
box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.25);

0px

4px

14px

0px

#000000

25%

Recommended Tools

Hand-picked utilities you might find useful

Pick colors from images and generate design palettes.

Generate beautiful, organic SVG blob shapes for designs.

Create frosted-glass CSS effects with real-time preview.