Box Shadow Generator
Design CSS box shadows with live preview and copy-ready code.
- On your device
- No signup
Private on your device
Your information stays on your device and is not uploaded.
Design CSS box shadows with live preview and copy-ready code.
Create CSS linear gradients with angle and color controls.
Explore CSS flexbox alignment with a live item preview.
Pretty-print or minify CSS in one panel—switch Format and Minify anytime.
Try HTML, CSS, and JavaScript snippets in a sandboxed preview.
Format, minify, and validate JSON with optional key sorting.
Compare two JSON documents and list structural differences.
Format, minify, and validate XML with readable indentation.
Tune top-left, top-right, bottom-right, and bottom-left radii with a live preview, then copy a border-radius declaration for your UI components.
Adjust the four corner sliders and copy the CSS when the preview looks right.
Uniform 16px corners for a card.
Control each corner radius independently and copy a border-radius declaration for your UI components.
Results are based on the inputs you provide and may not cover every edge case. This tool is for general use and is not professional advice.
Your data stays on your device and is not uploaded.
FAQ
Yes. It is free to use and you do not need to sign in or create an account.
See the privacy note on this page. Many tools run on your device; some heavier file tools may use secure temporary processing when required.
Yes. Open this page on your phone or tablet, enter your inputs, and use the on-screen controls.
Page last reviewed: