Developer Tools

CSS Box Shadow Generator

Create and preview CSS box shadows with live preview. Adjust offset, blur, spread, color, and inset. Copy the CSS code instantly.

Settings

X Offset: px

Y Offset: px

Blur: px

Spread: px

Color

Inset (inner shadow)

CSS

Convert between CSS units: px, rem, em, pt, vw, vh. Set custom base font size and viewport width.

Test JSONPath expressions against JSON data. Supports dot notation, array indexing, and wildcard selectors.

Parse any User-Agent string to identify browser, OS, device type, and rendering engine. Auto-detects your current browser.