Box Shadow Generator
Design CSS box shadows with sliders and a live preview.
The Box Shadow Generator builds CSS box-shadow values with interactive sliders for offset, blur and spread, plus color, inset and a live preview.
How to use
- Adjust the X, Y, blur and spread sliders.
- Choose a color and toggle inset if needed.
- Copy the generated CSS declaration.
Frequently asked questions
Can negative offsets be used?
Yes, X and Y accept values from -100 to 100 pixels.
Is the preview accurate?
It applies the exact CSS value to a preview element in the browser.
Related tools
UUID Generator
Generate RFC 4122 version 4 UUIDs.
Password Generator
Create strong random passwords and check their strength.
Lorem Ipsum Generator
Generate placeholder text for designs and layouts.
Random Number Generator
Generate cryptographically random numbers in a range.
Random String Generator
Generate random strings from custom character sets.
Barcode Generator
Generate CODE128, CODE39, EAN13, UPC-A and ITF14 barcodes.