Box Shadow Generator

Build CSS box-shadow effects with live preview and copy the code.

Developer Tools Runs in your browser. Files never leave your device.

Shadow Properties

Horizontal Offset0px
Vertical Offset10px
Blur Radius25px
Spread Radius-5px
Shadow Opacity50%

Live Preview

Shadow Box
Generated CSS
box-shadow: 0px 10px 25px -5px rgba(0, 0, 0, 0.5);
Apache .htpasswd Basic Auth GeneratorGenerate encrypted .htpasswd basic authentication entries (Bcrypt, SHA-1, MD5).SEO Meta Tag & OpenGraph Preview StudioGenerate SEO title tags, meta descriptions, OpenGraph, and Twitter Cards with real-time preview.cURL to Code ConverterConvert cURL shell commands into JavaScript Fetch or Python.SQL FormatterFormat and indent complex SQL database queries.Diff CheckerCompare two text files or code blocks line-by-line.IP Address ToolsValidate IPv4 / IPv6 addresses and calculate CIDR ranges.