Box Shadow Generator
Create layered, smooth CSS box-shadows with customizable offsets, blur, spread, inset, and opacity.
Input Buffer
ENCODING: UTF-8AUTO-RUN: ENABLED
Output Buffer
Live Visual Surface Preview
Elevation Preview
OUT: 1 LN · 0 B⌘↵ RUN · ⌘⇧C COPY
How to Use Box Shadow Generator
- Adjust horizontal/vertical offsets, blur radius, spread radius, and shadow color.
- Preview the elevation card in real time and copy the CSS declaration.
Keyboard Shortcuts & Sandbox Guarantee
Run / Process tool outputCtrl + Enter
Copy primary output to clipboardCtrl + Shift + C
Open global command paletteCtrl + K
More in Developer Utilities
UUID v4 Generator
Generate cryptographically random RFC 4122 UUID v4 identifiers in bulk with formatting options.
ULID Generator
Generate Universally Unique Lexicographically Sortable Identifiers (ULID) with 48-bit timestamp and 80-bit randomness.
Random String Generator
Generate cryptographically random alphanumeric strings, API keys, nonces, and hex tokens.
Password Generator
Generate high-entropy passwords and passphrases using browser CSPRNG with real-time entropy bit calculation.
QR Code Generator
Create customizable high-resolution QR codes for URLs, Wi-Fi credentials, vCards, or text with PNG/SVG export.
Regex Tester
Test Regular Expressions in real time with match highlighting, capture group extraction, and flag controls.