Loading page
Feature checklists make every tool look equivalent. This table leads with the three things that actually differ — what it costs you before it works, whether your files leave your device, and where the free version stops.
| Smooth Shadowshadows.brumm.af | CSS Gradientcssgradient.io | Figmafigma.com | Font Awesomefontawesome.com | |
|---|---|---|---|---|
| What it does | Stacks several box-shadows into one that looks like real light | Builds a linear or radial gradient and hands you the CSS to paste | Vector design and prototyping in a browser, with everyone in the same file | A large icon set with a free tier you can ship without attribution |
| What it costs you | No sign-upWorks the moment the page loads. No account, no email, no trial. | No sign-upWorks the moment the page loads. No account, no email, no trial. | Free tierA genuinely usable free tier with paid plans for volume or team features. | No sign-upWorks the moment the page loads. No account, no email, no trial. |
| Your files | Runs on your device | Runs on your device | Runs on their server | Runs on their server |
| Where it stops | Box-shadow only — no inset shadows, no text shadows and no coloured light. | Linear and radial only — no mesh gradients, no noise, no animation. | The free plan caps you at three collaborative design files and 30 days of version history. | Only the solid, regular and brand styles are free — light, thin, duotone and sharp variants need a Pro licence. |
| Best for |
|
|
|
|
| Category | Design, Colour & Type | Design, Colour & Type | Design, Colour & Type | Design, Colour & Type |
| Last checked | 2026-07-29 | 2026-07-29 | 2026-07-29 | 2026-07-29 |
| Open the site | Open | Open | Open | Open |
This comparison is in the address bar — copy the URL to send it to someone.