Box Shadow Generator

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

Background

#e0e0e0

Box Color

#e0e0e0

Border Radius24px

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

Horizontal0px

Vertical4px

Blur Radius14px

Spread Radius0px

Shadow Color#000000

Opacity25%

Recommended Tools

Hand-picked utilities you might find useful

Generate beautiful color schemes using harmony algorithms and mood AI. Export to Tailwind/CSS.

Pick colors from images and generate design palettes.

Visually design CSS keyframe animations and generate ready-to-use code instantly.

Create beautiful CSS gradients with a visual editor.

Generate beautiful, organic SVG blob shapes for designs.

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

Design complex CSS clip-paths visually.

Design and export beautiful CSS buttons.