CSS Box Shadow Generator

Design a CSS box-shadow visually with live sliders, presets, and inset — copy the code in one tap.

How to use

Drag the sliders for horizontal (X) and vertical (Y) offset, blur, and spread, pick a color, and toggle Inset for an inner shadow. Tap a preset for a quick starting point. The preview and CSS update live — tap Copy to grab it.