Shadow Forge is a free online tool that designs CSS box-shadows with sliders — offset, blur, spread, colour and opacity — so you can shape a card shadow visually and copy production-ready CSS in one click. No account, nothing leaves the page.
Shadow controls
Live preview
Your card
Drag any slider on the left — the preview and the CSS below update together.
Presets
CSS output
How it works
Offset moves the shadow sideways and down; negative values move it up or left.
Blur softens the shadow edge — 0 gives a hard edge, higher values fade it out.
Spread grows (positive) or shrinks (negative) the shadow before blurring.
Inset draws the shadow inside the element instead of outside it.
Opacity controls how dark the shadow colour reads against the backdrop.