Box Shadow Generator

Build box-shadow values with sliders for X, Y, blur, spread, and color. Stack multiple shadows. Copy CSS.

100% browser-based — no uploads, no server

How to Use

1

Adjust sliders

Set X, Y, blur, spread and color for each shadow.

2

Add more shadows

Use + Add shadow for multiple layers.

3

Copy CSS

Paste the box-shadow rule into your stylesheet.

Frequently Asked Questions — Box Shadow Generator

You might also like

New

JSON Formatter

Paste messy JSON and get it formatted, validated, or minified

Base64 Encode/Decode

Encode text or files to Base64 and back

Hash Generator

Generate SHA-256, SHA-384, and SHA-512 hashes

JWT Decoder

Decode and inspect JWT tokens instantly