Box Shadow Generator

Design CSS box shadows visually and copy the code.

Runs entirely in your browser. Your data is never uploaded.

About Box Shadow Generator

Box Shadow Generator lets you tweak offset, blur, spread, color and inset to craft the perfect CSS box-shadow with a live preview.

Inset shadows?

Yes — toggle the inset option.

Generate harmonious color palettes from a base color.

Create CSS linear and radial gradients with live preview.

Count words, characters, sentences and paragraphs in real time.

Count characters with and without spaces, plus word and line counts.