{ }Devtoolfree devtools

Base64 Encode / Decode Delimiter Converter (delim.co alternative)JSON Formatter & Validator SQL Formatter & Checker URL Encoder & Query Parser JWT Decoder Hash Generator (SHA)UUID Generator (v1–v7)ULID Generator & Decoder Timestamp Converter Image Compressor Image Crop & Resize JSON Diff Checker Background Remover JSON to CSV Converter Regex Tester Password Generator Text Case Converter Color Converter Markdown Preview & Export XML Formatter & Validator QR Code Generator Text Diff Checker Image to Base64 / Base64 to Image Image Downloader & Resizer Video Downloader & Editor Lorem Ipsum Generator YAML ↔ JSON Converter CSV Viewer & Table Cron Expression Builder Chmod Calculator HTML Entities Encoder Number Base Converter Favicon Generator Sitemap.xml Generator Meta Tag Generator Line Toolkit: Sort & Dedupe Curl Converter (curl ↔ Code)SEO Checker (HTML Audit)ROT13 & Caesar Cipher Morse Code Translator URL Slug Generator Text to Binary / Hex Converter CSS Formatter & Minifier TOML ↔ JSON Converter INI ↔ JSON Converter Phone Number Formatter Card Number Checker (Luhn)Number to Words Converter Table Generator (Markdown/ASCII/HTML).env ↔ JSON Converter CSV to JSON Converter List Shuffler & Random Picker Word Counter & Text Stats Date Calculator Fake Data Generator (CSV)Unit Converter Subnet Calculator (IPv4 CIDR)Aspect Ratio Calculator SVG Optimizer Image Color Palette Extractor Image Metadata Viewer Tone Generator & WAV Download Voice Recorder (Mic → File)Metronome (30–240 BPM)Video Metadata Inspector CSS Gradient Generator Box-Shadow Generator .gitignore Generator Nano ID Generator Base32 Encode / Decode Hexdump Viewer Unicode Inspector Gzip + Base64 Compressor Authenticator (TOTP Codes)Vigenère Cipher JSON → TypeScript / Schema Java .properties ↔ JSON Markdown TOC Generator GraphQL Formatter & Minifier HTML Formatter & Minifier String Escaper (JS/JSON/Regex/Shell)Text Column Aligner Find & Replace (Regex)JSONPath Evaluator XML ↔ JSON Converter World Clock HMAC Generator (SHA)UUID Inspector & Validator DNS Lookup (DoH)HTTP Status Code Lookup MIME Type Lookup Emoji Picker (Click to Copy)Dice Roller & Coin Flip Bill Splitter + Tip Percentage Calculator Loan / Mortgage Calculator Age Calculator Image Rotate / Flip / Filter QR Code Reader EAN-13 Check Digit Image Splitter (Tiles)Meme Generator Before / After Compare Slider Image Watermark Adder Audio Trimmer → WAV Subtitle Converter (SRT ↔ VTT)Video Thumbnail Capture Screen Recorder → WebM Audio Joiner → WAV Noise Generator (White/Pink/Brown)README Generator Open-Source License Generator Test Card Numbers (Sandbox)Placeholder Image Generator CSS Pattern Generator App Icon Set Generator robots.txt Builder security.txt Generator (RFC 9116)Mock API Server (HTTP/RPC)Webhook Inbox & Tester Mermaid Diagram Editor PlantUML Diagram Editor gRPC Mock Server (grpcurl)Conventional Commit Builder

Box-Shadow Generator

Design CSS box-shadows online: offsets, blur, spread, color, opacity, inset. Live preview, copy-ready code.

Box-shadow generator

X offset: 0pxY offset: 8pxBlur: 24pxSpread: 0px

Color Opacity 15%inset

Preview

box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.15);

How to use

Drag offsets, blur, spread; pick color and opacity; toggle inset.
Check live preview.
Copy the box-shadow line.

FAQ

Negative spread?

Shrinks the shadow — great for tight, crisp UI depth.

Multiple layers?

This tool does one precise layer. Duplicate the output line for stacked soft shadows.

Related generate tools

Hash Generator (SHA)

SHA-256, SHA-384, SHA-512 in browser.

UUID Generator (v1–v7)

Bulk UUIDs v1 v3 v4 v5 v6 v7 + nil.

ULID Generator & Decoder

Sortable 26-char IDs + timestamp decode.