Box Shadow Generator

Name: Box Shadow Generator
Author: 0xelitesystem

Build any CSS box-shadow visually. Stack multiple layers, toggle inset, tune color and opacity, and copy production-ready CSS. Everything runs locally in your browser.

Preview

box-shadow: none;

Preview settings

Box width px

Box height px

Corner radius px

Box color

Backdrop color

Presets

Shadow layers

No layers yet. The shadow resolves to none. Add a layer to begin.

Import from CSS

Paste an existing value like 0 4px 12px rgba(0,0,0,.25), inset 0 1px 2px #000 and load it into the editor.