Free Online CSS Box Shadow Generator – Create Layered, Neumorphism and Glow Shadows with Live Preview

CSS Box Shadow Generator

Design layered shadows with a live preview • 100% free • Runs in your browser

Live preview 0 layers

Your box

Box and background

Background color

Box color

Box width 280px

Box height 200px

Corner radius 20px

Presets

Shadow layers

Generated code 0 characters

Output format

CSS: box-shadow only CSS: box-shadow + border-radius + background CSS: with -webkit- and -moz- prefixes Tailwind CSS arbitrary value class

All processing happens in your browser. Nothing is uploaded. Tip: several soft layers usually look more natural than one heavy shadow.