CSS Box Shadow Generator
Build and stack box shadows with live preview
Box
Background
Presets
Shadow Layers
Horizontal (X)0px
Vertical (Y)4px
Blur12px
Spread0px
Color
Opacity 20%
box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.20);
More Design & Image Tools
Image Resizer
Resize images to exact dimensions or social media presets with format and quality control.
Gradient Generator
Build CSS linear, radial, and conic gradients visually with live preview and one-click copy.
Placeholder Image Generator
Generate placeholder images with custom dimensions, colors, and text. Export as PNG, SVG, HTML, or Markdown.