Shadow Generator

Create custom CSS box shadows with a live preview. Export to CSS or Tailwind classes.

Quick start with common shadows

Fine-tune your shadow

Horizontal Offset0px

Vertical Offset4px

Blur Radius12px

Spread Radius0px

Opacity15%

Shadow Color

Inset Shadow

Live preview of your shadow

Copy the code for your project

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