Design & UILive Tool100% Browser-Based

Box Shadow Generator

Create CSS box shadows with a visual editor.

Shadow Settings

Offset X4px

Offset Y4px

Blur8px

Spread0px

Opacity25%

Color

Preview & Code

CSS Code

box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.25);

Presets

Related tools

Keep working in the same category with nearby utilities and calculators.

CSS Gradient Generator

Create linear and radial gradients with multiple stops.

Border Radius Generator

Generate CSS border-radius values for custom shapes.

CSS Filter Generator

Adjust blur, brightness, contrast, hue, and more with live CSS output.

Text Shadow Generator

Generate CSS text-shadow values with a live headline preview.

Transform Generator

Create translate, scale, rotate, and skew transform snippets visually.