Flimpa

Shadow Generator

Generate CSS box-shadow with live preview.

Adjust horizontal and vertical offset, blur, spread, color and inset mode, then copy a valid box-shadow declaration. Preview updates as you edit.

Limitations

One shadow layer is generated. Stacked multi-shadow stacks must be composed manually in CSS.

Recommended tools

Border Radius Generator

Generate CSS border-radius values.

Gradient Generator

Create linear and radial CSS gradients.

Color Picker

Pick a color and copy HEX, RGB, HSL and related palettes.

FAQ

Yes. Enable the inset option to generate inset box-shadow.