Generador de configuraciones CSS para Tailwind.

Esta herramienta construye un archivo de configuración de Tailwind CSS listo para usar mediante un formulario sencillo, para que no tengas que escribir el JavaScript a mano. Define un prefijo de clase, activa la opción important y lista las rutas content que Tailwind debe revisar. Puedes añadir colores y familias de fuentes personalizadas, y el generador los reúne en un bloque theme.extend limpio. Todo se junta en un único tailwind.config.js que puedes copiar directamente a tu proyecto.

1. En la pestaña Base, define el prefijo, la opción important y tus rutas content 2. En la pestaña Colores, añade el nombre y el valor de cada color 3. En la pestaña Fuentes, añade cada familia con su pila separada por comas 4. Abre la pestaña Salida y haz clic en Generar 5. Revisa el archivo y luego Cópialo a tu proyecto

Lista una ruta content por línea para que Tailwind revise los archivos correctos en busca de nombres de clases. Los colores personalizados se vuelven clases utilitarias como bg-primary o text-brand, y una entrada de fuente se vuelve font-sans o el nombre que elijas. Las secciones vacías se omiten automáticamente, así que el archivo generado queda ordenado aunque solo rellenes colores o fuentes. La salida usa el formato de exportación ESM moderno con la pista de tipo de Tailwind arriba.