Box Shadow Generator
Free CSS box-shadow generator. Design shadows with sliders for offset, blur, spread, color and opacity. Layer multiple shadows. Copy CSS instantly.
Runs in your browserUpdated Apr 26, 2026
Box shadow generator
CSS
box-shadow: 0px 10px 30px -10px rgba(59, 130, 246, 0.40);css
Frequently asked questions
›Can I layer multiple shadows?
Yes — add as many shadows as you want, each with its own offset, blur, spread and color.
›Does it support inset shadows?
Yes — toggle 'inset' to make a shadow appear inside the element instead of outside.
›Does it output Tailwind?
Yes — for common single-shadow patterns. Multi-shadow stacks need custom CSS.
›Is the generator free?
Yes — fully free, no signup.