Visually create CSS box-shadow effects with live preview. Copy ready-to-use CSS code.
Drag and drop here or
Supports documents, images, audio, video, and text files
Privacy: This tool runs entirely in your browser. No data is sent to our servers. We don't store, share, or have access to any of the information you process here.
A: Currently generates a single shadow. You can manually combine multiple box-shadow values with commas.
A: A positive spread makes the shadow larger than the box; negative makes it smaller.
A: Inset shadows appear inside the element instead of outside.
Generate favicon.ico and Apple touch icons from any image for your website.
Generate complete AppIcon.appiconset for iOS apps with all required sizes.
Generate Android adaptive icons for all density buckets (mdpi, hdpi, xhdpi, etc).
Visually generate CSS border-radius values with live preview for rounded corners.
Generate Open Graph preview images (1200Γ630) for social media sharing.
Create solid or gradient PNG placeholders at any size up to 4096Γ4096 for design mockups.
Privacy: This tool runs entirely in your browser. No data is sent to our servers.