Features
- X-offset, Y-offset, blur, and spread controls
- Color picker with alpha channel
- Inset toggle for inner shadows
- Stack multiple shadows
- Live preview on adjustable background
- Copy CSS with one click
- Works offline
How it works
- Open freeboxshadow.app
- Adjust shadow parameters with sliders
- Add more shadow layers if needed
- Copy the generated CSS
Common use cases
- Designing card elevation for UI
- Creating realistic depth effects
- Matching Material Design or iOS shadow styles
- Debugging shadow values from other designs
- Teaching CSS box-shadow with hands-on examples
How it compares
CSSMatic has multiple CSS generators but is ad-heavy. html-css-js.com's shadow generator is similar but dated UI. Freeboxshadow is modern and ad-free.
Privacy
Client-side only. No data collection.