DevKit/Tools/CSS Box Shadow Generator

CSS Box Shadow Generator

Essential

Craft modern soft shadows, glass elevations, or brutalist hard shadows with live preview cards and one-click CSS code export.

Tags:#css#box-shadow#elevation#depth#styles

Also available as a public REST API endpoint: /api/v1/css/box-shadow

Preview Element

Horizontal Offset: 0px

Vertical Offset: 12px

Blur Radius: 24px

Spread Radius: -4px

Opacity: 20%

Inset Shadow

#000000

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

Generate customizable QR codes with custom colors, margin, and instant PNG/SVG download.

Design linear and radial gradients visually and copy ready-to-use CSS rules.

Generate complementary, analogous, triadic palettes with WCAG contrast scoring.