Box Shadow CSS Generator

Build the exact CSS box-shadow you already have in your head — no guesswork, no refresh loop. Drag offset, blur, spread, colour and opacity, watch a real element update live, then copy clean code with one tap. Most shadow tools are browser pages that hand you a single flat shadow. This one is a native iOS studio built around how depth actually behaves: stack up to six shadow layers, flip any layer to inset, preview on a light or dark canvas, and export the same result as CSS, SwiftUI or a Tailwind arbitrary-value utility. Everything runs on the device, so it works on the train, on the sofa, or in a meeting with no signal. WHAT YOU GET - A live preview element that renders your shadow exactly as the browser will, on a light or dark canvas - Precise sliders for offset X, offset Y, blur radius, spread and opacity, plus a colour wheel and a 6-digit hex field - Up to six stacked layers you can reorder, switch off individually or delete, for believable multi-source depth - Inset shadows for pressed buttons, wells and neumorphism surfaces - One-tap copy in three flavours: CSS box-shadow with rgba() output, chained SwiftUI .shadow modifiers, or a Tailwind shadow-[...] utility - Twelve curated presets across Material elevation, soft cards, long shadows, glows, neumorphism and inset — plus your own saved library - A Learn tab with plain-English reference cards on offset X and Y, blur radius, spread, colour and opacity, and inset PERFECT FOR - Front-end developers who want valid box-shadow code without opening yet another browser tab - UI and product designers turning a mockup shadow into real, usable values - SwiftUI developers who need the iOS equivalent of a web shadow - Students and self-taught devs learning what blur, spread and inset actually do WHY NOT JUST USE A FREE WEB GENERATOR? Because web generators give you one layer, no inset, no SwiftUI or Tailwind output, and nowhere to keep the shadow you liked last week. Here you stack layers, save them by name, and pull them back up months later — offline, on the device already in your hand. PRIVACY No account, no sign-up, no ads, no analytics on your work. Every shadow, preset and saved item lives only on your device. Nothing you design is uploaded anywhere. FULL ACCESS Full Access unlocks multi-layer shadows (up to six), the inset toggle, SwiftUI and Tailwind export, every premium preset and an unlimited saved library. It is available as a weekly subscription, a yearly subscription, or a one-time lifetime purchase. The free version keeps single-layer editing, CSS copy, four presets and one saved shadow. Purchases restore any time from Settings. Open the Create tab, drag the blur slider until the card lifts off the page, and tap Copy CSS. Terms of Use (EULA): https://web-levi.web.app/terms Privacy Policy: https://web-levi.web.app/privacy-policy Questions? Contact [email protected]