Generadores CSS
Efectos difíciles de escribir a mano
Liquid Glass con refracción real, box-shadow por capas, superficies neumórficas, degradados cónicos y de malla, border-radius con forma de blob y clip-path poligonales: cada generador se encarga de las matemáticas y de las particularidades de cada navegador para que copies un solo fragmento de código.
Valores fluidos y adaptables
El generador de clamp() convierte un par mínimo/máximo en una expresión CSS clamp() que se escala con el viewport, y el Playground de CSS Grid te permite esbozar un diseño con CSS Grid y exportar la plantilla.
SCSS reutilizable
Una biblioteca seleccionada de mixins para breakpoints, tipografía, espaciado y efectos: copia mixins sueltos u obtenlos a través de la Mixins API.
Preguntas frecuentes
El resultado usa propiedades estándar; cuando un efecto necesita una alternativa (backdrop-filter, filtros SVG), el generador la incluye e indica la compatibilidad.
Cada generador guarda su estado en la URL, así que un enlace restaura exactamente la misma configuración.