Generador de configuraciones CSS para Tailwind.
Generador de configuraciones CSS para Tailwind gratuito en línea, sin necesidad de instalación. Editor visual para crear archivos tailwind.config.js.
Acerca de Generador de configuración 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.
Cómo usarlo
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
Consejos para mejores resultados
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.
▶¿Qué hace la opción de prefijo?
▶¿Qué es la opción important?
▶¿Cómo se usan las rutas content?
▶¿Cómo añado una familia de fuentes?
▶¿Qué formato tiene la salida?
Si este herramienta le ha sido útil, considere comprarme un café.
Compra un café para mí.