CSS Box Shadow
Generate CSS box-shadow values with visual editors and copy-paste code.
Shadows.brumm.af
Beautiful box-shadow generator.
Visual shadow editor with presets and real-time preview. Generates clean CSS with multiple shadow support. Most popular shadow tool.
Why I picked this:
Shadows.brumm.af is my favorite because the visual editor with real-time preview makes it incredibly easy to create perfect shadows. I can adjust blur, spread, offset, and color while seeing the result instantly. The presets are great for inspiration, and the ability to combine multiple shadows has saved me hours of trial and error. It generates clean, production-ready CSS every time.
GetCSSScan
CSS shadow collection and generator.
Curated collection of beautiful shadows plus generator. Great for inspiration and quick copying. Less customization than Shadows.brumm.af.
Tailwind
Built-in shadow utilities.
Tailwind CSS has shadow utilities built-in. Fastest option if you're already using Tailwind, but limited to preset shadow sizes.