← Back to All Tools

🪄 CSS Box Shadow Generator

Design beautiful box shadows visually. Adjust offset, blur, spread, color, and opacity with live preview.

Presets
Live Preview
Preview BG
Generated CSS
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
Shadow Layers
Copied to clipboard!

Like this tool? ☕ Buy me a coffee

This tool is free forever — no signup, no server. If AI runs your workday too, my prompt packs start at $0 →