CSS Box Shadow Generator

Create, preview, customize, and copy beautiful CSS box shadows in real time.

Inspired by popular shadow example galleries and built for real UI work.

Start Creating Browse Presets
Shadow
Horizontal Offset 0px
Vertical Offset 10px
Blur Radius 30px
Spread Radius 0px
Opacity 0.15
Color
#000000
Inset
Preview
Border Radius 12px
Background
UI Component
Preview Card
See how this shadow looks on a real card component in your design.
Generated CSS