CSS Design Tools

Tune box shadows, border radius, glassmorphism, and neumorphism with live preview, then copy ready-to-use CSS or Tailwind classes — all in your browser.

Preview

Box fill

Box size (120px)

Shadow layers

Layer 1

Offset X (0px)

Offset Y (4px)

Blur (12px)

Spread (0px)

Opacity (22%)

Color

Inset

Copy code

box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.22);

shadow-[0px_4px_12px_0px_rgba(0\,_0\,_0\,_0.22)]