Box Shadow Generator

Creates CSS box-shadow declarations visually — adjust x-offset, y-offset, blur, spread, and colour for multiple layered shadows — with live preview and a ready-to-copy declaration.

• →Use the sliders to position and size the shadow; add a second layer for depth.
• →Enable inset to create inner shadows (e.g. pressed-button effects).
• →Copy the box-shadow: value for use in your component styles.