Shadow Lab
El generador de sombras que faltaba: en vez de pelear con cuatro sliders y adivinar, elegís de dónde viene la luz y la elevación del elemento, y el motor arma 3-4 capas coherentes con la técnica de sombras realistas (blur y distancia crecientes, spread negativo, opacidad decreciente). Después ajustás capa por capa: x, y, difuminado, expansión, color, opacidad e inset. El preview se evalúa sobre tarjeta, botón y modal, y la exportación sale como CSS, variable de tema claro/oscuro y token JSON, con copiado, descarga y publicación al bus. Todo corre en tu navegador.
100% local
El procesamiento ocurre en tu navegador. Nada viaja a un servidor.
Publica artefactos
Lo que genera (tokens de diseño o texto) queda en la bandeja para otras herramientas.
Qué cubre
Soporta sombras, box-shadow, css, design tokens y elevación.
Seguí explorando
Easing Lab
Curvas cubic-bezier editables con preview real, biblioteca curada y export a CSS, Tailwind y SCSS.
Wireframes de UI
Bocetos de interfaz a mano alzada: arrastrá bloques web, conectá pantallas y exportá en un minuto.
Generador de design system
Definí identidad, tipografía y color, y exportá un DESIGN.md listo para agentes de IA.