CSS Gradient
cssgradient.io
Builds a linear or radial gradient and hands you the CSS to paste
No sign-upOn device
Loading page
shadows.brumm.af
Stacks several box-shadows into one that looks like real light.
A single CSS box-shadow always reads as a smudge; this layers five or six of them along an easing curve so the falloff behaves like an actual shadow. You set the distance, blur, alpha and easing function and copy the resulting CSS. That is the entire tool, and it does that one thing better than any preset library.
AltFTool does this too
If you would rather not leave the site, CSS Box Shadow Generator covers the same job here — free, no account, and it runs in your browser.
Open CSS Box Shadow GeneratorQuestions
Works the moment the page loads. No account, no email, no trial. Box-shadow only — no inset shadows, no text shadows and no coloured light.
No. Smooth Shadow does the work inside your browser, so the file never leaves your device — you can load the page, disconnect from the network, and it still works. That makes it a reasonable choice for material containing personal data.
Box-shadow only — no inset shadows, no text shadows and no coloured light.
Alternatives
Same category or same task, ordered by how closely they overlap.
cssgradient.io
Builds a linear or radial gradient and hands you the CSS to paste
figma.com
Vector design and prototyping in a browser, with everyone in the same file
fontawesome.com
A large icon set with a free tier you can ship without attribution
fontjoy.com
Suggests heading and body font pairings, and locks the one you like
realtimecolors.com
Previews a palette on a real page layout instead of five swatches
canva.com
Template-first design for people who do not want to learn a design tool