Build single or layered box shadows visually — X/Y offset, blur, spread, color, and inset per layer — and copy the finished CSS.
Design CSS box shadows visually — offset, blur, spread, colour and opacity, inset or outset — and stack multiple layers for realistic depth. The preview updates live and the finished box-shadow declaration is one click away.
Layered shadows are what make modern cards and modals look soft and natural; doing it by hand means guessing numbers. This makes it visual.
A single large blur looks flat. Two or three layers with increasing blur and decreasing opacity mimic how real light falls off.
Large blurred shadows on many animated elements can be costly. For static elements it is negligible.
Free, private, no account. Like every DevForge tool, this one runs in your browser and never uploads your files. See all 35 free tools or join the DevForge community to share your own games, tools and assets.