About This Tool
Documentation
What does this tool do?
A precision visual styling studio for layering multiple realistic drop shadows (ambient, direct, colored glow, inset) and adjusting independent 8-point border-radius curvatures (smooth squircle shapes). Features interactive light-source positioning, opacity sliders, spread/blur controls, and instant CSS, Tailwind V4 & Bootstrap export.
When should you use it?
Use this tool when designing modern elevated cards, glassmorphic UI elements, pill buttons, floating action menus, and neomorphic containers that demand sophisticated physical lighting and depth.
Key Capabilities & Features
Highlights
Interactive multi-layer CSS box-shadow designer with real-time visual canvas preview
Independent control over X/Y offsets, blur radius, spread, color palette, opacity, and inset shadows
Individual 8-point corner border-radius customization with uniform and independent corner locks
Curated library of realistic elevation levels, soft shadows, floating depths, and glowing neon presets
Light/Dark/Checkerboard stage modes, custom background colors, and instant CSS, Tailwind V4 & Bootstrap export