{ }Devtool
Base64 Encode / DecodeDelimiter Converter (delim.co alternative)JSON Formatter & ValidatorSQL Formatter & CheckerURL Encoder & Query ParserJWT DecoderHash Generator (SHA)UUID Generator (v1–v7)ULID Generator & DecoderTimestamp ConverterImage CompressorImage Crop & ResizeJSON Diff CheckerBackground RemoverJSON to CSV ConverterRegex TesterPassword GeneratorText Case ConverterColor ConverterMarkdown Preview & ExportXML Formatter & ValidatorQR Code GeneratorText Diff CheckerImage to Base64 / Base64 to ImageImage Downloader & ResizerVideo Downloader & EditorLorem Ipsum GeneratorYAML ↔ JSON ConverterCSV Viewer & TableCron Expression BuilderChmod CalculatorHTML Entities EncoderNumber Base ConverterFavicon GeneratorSitemap.xml GeneratorMeta Tag GeneratorLine Toolkit: Sort & DedupeCurl Converter (curl ↔ Code)SEO Checker (HTML Audit)ROT13 & Caesar CipherMorse Code TranslatorURL Slug GeneratorText to Binary / Hex ConverterCSS Formatter & MinifierTOML ↔ JSON ConverterINI ↔ JSON ConverterPhone Number FormatterCard Number Checker (Luhn)Number to Words ConverterTable Generator (Markdown/ASCII/HTML).env ↔ JSON ConverterCSV to JSON ConverterList Shuffler & Random PickerWord Counter & Text StatsDate CalculatorFake Data Generator (CSV)Unit ConverterSubnet Calculator (IPv4 CIDR)Aspect Ratio CalculatorSVG OptimizerImage Color Palette ExtractorImage Metadata ViewerTone Generator & WAV DownloadVoice Recorder (Mic → File)Metronome (30–240 BPM)Video Metadata InspectorCSS Gradient GeneratorBox-Shadow Generator.gitignore GeneratorNano ID GeneratorBase32 Encode / DecodeHexdump ViewerUnicode InspectorGzip + Base64 CompressorAuthenticator (TOTP Codes)Vigenère CipherJSON → TypeScript / SchemaJava .properties ↔ JSONMarkdown TOC GeneratorGraphQL Formatter & MinifierHTML Formatter & MinifierString Escaper (JS/JSON/Regex/Shell)Text Column AlignerFind & Replace (Regex)JSONPath EvaluatorXML ↔ JSON ConverterWorld ClockHMAC Generator (SHA)UUID Inspector & ValidatorDNS Lookup (DoH)HTTP Status Code LookupMIME Type LookupEmoji Picker (Click to Copy)Dice Roller & Coin FlipBill Splitter + TipPercentage CalculatorLoan / Mortgage CalculatorAge CalculatorImage Rotate / Flip / FilterQR Code ReaderEAN-13 Check DigitImage Splitter (Tiles)Meme GeneratorBefore / After Compare SliderImage Watermark AdderAudio Trimmer → WAVSubtitle Converter (SRT ↔ VTT)Video Thumbnail CaptureScreen Recorder → WebMAudio Joiner → WAVNoise Generator (White/Pink/Brown)README GeneratorOpen-Source License GeneratorTest Card Numbers (Sandbox)Placeholder Image GeneratorCSS Pattern GeneratorApp Icon Set Generatorrobots.txt Buildersecurity.txt Generator (RFC 9116)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

Preview

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

How to use

  1. Paste input or drop a file above.
  2. Adjust options (delimiter, dialect, quality, ratio).
  3. Copy result or download — no sign-up needed.

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.