Box Shadow Generator
Create beautiful box shadows with real-time preview. Generate CSS and Tailwind classes instantly.
Reset All
Customize Shadows
Add Shadow
Clear Shadows
Presets
Soft
Medium
Hard
Inset
Shadow 1
Active
Inset
Offset X
0px
Offset Y
4px
Blur Radius
6px
Spread Radius
0px
Color & Opacity
Box Properties
Reset Properties
Width
200px
Height
150px
Border Radius
8px
Background Color
Border Color
Border Width
1px
Preview
Preview Box
Generated Code
CSS
box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1);
Tailwind CSS
shadow-[0px 4px 6px 0px rgba(0, 0, 0, 0.1)]