🌑

Design Perfect CSS Box Shadows

Build multi-layer box shadows with visual sliders for offset, blur, spread, color, and opacity. Preview in real time and export production-ready CSS code.

Open CSS Box Shadow Generator →

Features

Horizontal and vertical offset control
Blur and spread radius sliders
Color picker with opacity
Inset shadow toggle
Live preview on a card element

Output Formats

CSSStandard properties

SCSSVariables & nesting

TailwindUtility classes

Common Use Cases

Perfect for cards, modals, buttons, navigation bars, elevated UI elements.

More CSS Tools

Start Designing

25 CSS generators. 10 free, 15 Pro. Instant code.

Open CSS Box Shadow Generator →