// design tool

Box Shadow Generator

Create professional single and multi-layered CSS box shadows with live preview. Export to CSS, Tailwind and React.

Shadow Layers

Selected Shadow Settings

Type

Color 30%

Offset X 4px

Offset Y 4px

Blur 16px

Spread 0px

Box Settings

Width160px

Height100px

Radius12px

Box Color

Background

Shadow Presets

Live Preview

Box

box-shadow: 4px 4px 16px rgba(0,0,0,0.3);

All Formats

TAILWIND

REACT

SCSS VARIABLE