Util Monster
Gratis
Pega código LESS para compilarlo a CSS al instante usando el motor oficial de less.js. Admite variables (@var), anidamiento, mixins, operaciones y funciones integradas.
🔒 La compilación se ejecuta por completo en tu navegador: tu código nunca se envía a un servidor. Incluso el paquete less.js se sirve desde este sitio, no desde una CDN.
LESS (Leaner Style Sheets) es un preprocesador de CSS que añade funciones de programación — variables, anidamiento, mixins y operaciones — encima de CSS. Los navegadores solo entienden CSS sin procesar, por lo que LESS debe compilarse a CSS antes del despliegue. Esta herramienta ejecuta el motor oficial de less.js en tu navegador para hacer esa conversión al instante.
Gestiona colores y tamaños en un solo sitio con variables (@brand: #4A90D9;) y refleja la estructura de tu marcado con anidamiento de selectores. Crea bloques de estilo reutilizables con mixins (.rounded(6px)) y usa operaciones como (@pad * 2) además de funciones de color integradas como darken() y lighten().
Esta herramienta compila por completo en tu navegador y nunca carga tu entrada. Por seguridad, la función inline-JavaScript de LESS (sintaxis con comillas invertidas) está desactivada, por lo que se ejecuta con seguridad sin eval. Para proyectos grandes, integra LESS en tu pipeline de compilación (webpack, Vite, lessc, etc.).