CSS Box Shadow Generator
Design CSS box shadows visually with offset, blur, spread, color and inset, then copy the code. Free box-shadow generator.
✓ 100% free ✓ No sign up ✓ Runs in your browser — nothing uploaded
CSS
box-shadow: 0px 12px 32px -8px rgba(0, 0, 0, 0.25);
How to use CSS Box Shadow Generator
- 1Open CSS Box Shadow Generator — it works right on this page.
- 2Use the controls above.
- 3Copy or download the result. No sign up needed.
Questions
Is CSS Box Shadow Generator free?
Yes. CSS Box Shadow Generator is 100% free with no limits, no watermark, no sign up and no email required.
Is my data sent anywhere?
No. Everything is calculated locally in your browser. Nothing you type is sent to or stored on any server.
Does CSS Box Shadow Generator work on my phone?
Yes. CSS Box Shadow Generator works in any modern browser on iPhone, Android, Windows, Mac, Linux and Chromebook. No app or install needed.
Do I need to create an account?
Never. There is no sign up, no login, no email and no paywall. Just open the page and use it.