Box Shadow Generator

Create CSS box-shadow with a visual editor. Multiple layers, inset, copy code.

9/10 uses left today

Background

Box Color

Border Radius (12px)

Layer 1

Inset

Blur

Spread

Color

box-shadow: 4px 4px 12px 0px #00000020;

Related Tools

Create beautiful CSS gradients with a visual editor and copy the code.

Browse curated Google Font pairings with live preview. Copy CSS import code.

Search and browse 1500+ Lucide icons. Copy import or JSX code with one click.

Visual border-radius editor for all corners with CSS output.