Generador de Box Shadow
Crea sombras box-shadow en CSS con controles visuales y salida de código. Gratis, rápido y funciona por completo en tu navegador sin necesidad de registrarte.
Live Preview
Drag the element to adjust active layer's X/Y offset
Shadow Layers1
Preset Library
Material
Neumorphic
Glow
Card
Button
Generated Code
.element {
box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.10);
}About Box Shadow Generator
- Multiple shadow layers with individual enable/disable
- Drag the preview element to set X/Y offset interactively
- Layer reordering, duplication, and removal
- Neumorphism generator with auto color calculation
- 15+ curated presets across 5 style groups
- Preview element: card, button, avatar, image
- Output: CSS, Tailwind, SCSS, styled-components, Design Tokens
- History with up to 20 saved states
Privacy First: All processing happens locally in your browser. No data is sent to any server.