Esta semana, Tailwind CSS ha lanzado dos nuevas betas consecutivas, centradas en optimización, mejoras de compatibilidad y pequeños ajustes.

🔧 Novedades destacadas:

• Beta 7:

  • ✨ Exportación de flattenColorPalette para garantizar compatibilidad retroactiva.
  • 🐛 Corrección de advertencias de dependencias en Windows al usar @tailwindcss/postcss.
  • 🔍 Optimización de IntelliSense: ahora sugiere shadow-none y mejora el manejo de AST.
  • 🖥️ Generación de prefijos para Chrome 111+ (por ejemplo, -webkit-background-clip: text).
  • 🔄 Cambio: Renombrado --aspect-ratio-* a --aspect-* y derivación de aspect-video del tema.

• Beta 8:

  • 🚀 Mejoras adicionales en estabilidad y rendimiento (detalles por confirmar).

✨ Chai Studio es una aplicación de escritorio ligera (17 MB) que combina el poder de Chai Builder con una interfaz intuitiva para crear, editar y exportar páginas en formatos como HTML, JSX o Vue. Ideal para integrarlas fácilmente en proyectos React y otros entornos.

🌟 Características principales:

• 🖱️ Constructor visual: Diseña interfaces fácilmente con una herramienta de arrastrar y soltar.
• 📚 Biblioteca de bloques preconstruidos: Accede a componentes listos para usar y acelera tus proyectos.
• 🤖 Estilizado con IA: Genera contenido y aplica estilos automáticamente con inteligencia artificial.
• 💻 Exportación flexible: Exporta tus diseños en múltiples formatos para integrarlos en cualquier proyecto.
• 🌗 Modo oscuro y vista previa en tiempo real: Diseña cómodamente y visualiza los cambios al instante.

🛠 Disponible para Windows y macOS, Chai Studio es una solución práctica para desarrolladores que trabajan con Tailwind CSS y buscan optimizar su flujo de trabajo.

🔗 Descubre más sobre Chai Studio aquí: chaibuilder.com 🚀

🚀 FlyonUI es una biblioteca de componentes de código abierto creada para mejorar tu flujo de trabajo con Tailwind CSS. Ofrece una amplia variedad de componentes accesibles y responsivos, además de potentes plugins de JavaScript para añadir interactividad sin complicaciones.

🌟 Características principales:

• ♿ Componentes accesibles y responsivos: Diseñados para cualquier pantalla, cumpliendo con criterios de accesibilidad.
• ⚙ Integración sencilla: Compatible con React, Vue, Angular y otros frameworks populares.
• 🛠 Plugins de JavaScript sin estilo: Añade funcionalidad manteniendo la flexibilidad en el diseño.
• 📋 Plantillas listas para usar: Acelera el desarrollo con soluciones preconstruidas para tus proyectos.

💡 Completamente gratuito y de código abierto, FlyonUI es una herramienta creada para la comunidad.

🔗 Explora más y lleva tus proyectos al siguiente nivel: flyonui.com 🚀

Nueva versión de WindPress 3.2.22, una actualización que incluye mejoras clave para optimizar la experiencia de usuario, además de las novedades de la versión previa, 3.2.21.

🛠 Cambios en la versión 3.2.22:

• 🔧 Corrección: Resuelto el problema de autofoco en el campo de clases CSS en el editor de bloques de Gutenberg.
• 🔧 Corrección: Ahora, la función de generación de caché al guardar utiliza la versión seleccionada de Tailwind CSS correctamente en Gutenberg, Breakdance, Bricks, Builderius, LiveCanvas y Oxygen.

✨ Novedades de la versión 3.2.21:

• 🆕 Actualización a Tailwind CSS v4.0.0-beta.6: Lleva tus proyectos al futuro con esta nueva beta de Tailwind.
• 🔧 Corrección en Breakdance: Solucionado el problema de estilos mezclados entre el editor y la barra de administración (margen superior).

Se ha liberado una nueva actualización de WindPress, con importantes correcciones y mejoras para una experiencia más fluida en tus proyectos.

🛠 Novedades en la versión 3.2.20:

• 🔧 Corrección: La función de vista previa al pasar el ratón sobre el nombre de una clase ahora desaparece de forma más precisa y rápida en Gutenberg, Breakdance, Bricks y Oxygen.
• 🌀 Cambio: Las integraciones basadas en Gutenberg ahora tienen un escáner desacoplado, lo que mejora el rendimiento y la modularidad.

🎯 Esta actualización se centra en perfeccionar la experiencia del usuario y optimizar las integraciones con los principales constructores.

🔗 Actualiza ahora y sigue disfrutando de las mejoras de WindPress! 🚀

La nueva beta 6 se centra exclusivamente en correcciones, continuando con el trabajo de mejora y estabilidad para la próxima versión final de Tailwind CSS 4.

🔧 Corrección destacada:

• Se asegura que @import "…" reference nunca genere utilidades automáticamente (#15307).

🎯 Una versión más estable y lista para que sigas probando y adaptando tus proyectos.

📌 Para más detalles, consulta el registro de cambios oficial: Tailwind CSS v4.0.0-beta.6 Release Notes

🚀 Wind UI es una colección de componentes UI creados para agilizar tus proyectos con Tailwind CSS. Cada componente está diseñado para ser accesible, responsivo y fácil de integrar, ya sea en React o HTML.

✨ Características principales:

• ♿ Componentes accesibles: Cumplen con los estándares WAI-ARIA para una experiencia inclusiva.
• ⚡ Fácil implementación: Copia y pega los componentes directamente en tus proyectos.
• 📱 Totalmente responsivos: Diseñados para adaptarse a cualquier tamaño de pantalla.
• 🛠 Código limpio: Construidos con Tailwind CSS puro, sin dependencias adicionales.

💼 Con más de 42 componentes y 945 variaciones, Wind UI es el recurso ideal para desarrolladores que buscan rapidez y calidad en sus diseños.

🔗 Explora todos los componentes aquí: Wind UI

Una nueva actualización de WindPress acaba de liberarse. Incluye integraciones y mejoras significativas para tu flujo de trabajo con WordPress y Tailwind CSS.

✨ Novedades principales:

• 🆕 Integración con Blockstudio [Pro]: Ahora puedes aprovechar el poder de Blockstudio para crear bloques personalizados con aún más flexibilidad y control.
• 🔄 Actualización a Tailwind CSS v3.4.16: Accede a la versión más reciente de Tailwind CSS 3 para proyectos estables y actuales.
• 🚀 Actualización a Tailwind CSS v4.0.0-beta.5 (Next): Prepárate para el futuro con la última beta de Tailwind CSS 4, aprovechando sus últimas funcionalidades y correcciones.

La última versión beta de Tailwind CSS 4.0 introduce mejoras significativas en rendimiento y estabilidad.

🆕 Novedades:

• Paralelización en el análisis de archivos fuente: Se ha optimizado el proceso de análisis, permitiendo una compilación más rápida y eficiente.
• Nueva opción @import "…" reference: Facilita la importación de configuraciones de Tailwind CSS en otros puntos de entrada CSS sin duplicar código.

🔧 Correcciones:

• URLs absolutas en archivos CSS importados: Ahora se manejan correctamente al utilizar @tailwindcss/vite.
• Compatibilidad con Svelte 5: Solucionados problemas en servidores de desarrollo al usar @tailwindcss/vite.
• Integración con Vite 6: Soporte completo para proyectos que emplean esta versión.
• Resolución de archivos CSS en SSR: Mejorada la resolución en entornos de renderizado en servidor con @tailwindcss/vite.
• Ejecución de otros plugins: Asegurada la correcta ejecución de plugins posteriores a @tailwindcss/postcss.
• Rebase de URLs en CSS importados: Implementado al utilizar Vite con la extensión @tailwindcss/postcss.
• Sugerencias en IntelliSense: Restauradas las sugerencias para familias tipográficas y la directiva @container.

Para más detalles, consulta el registro de cambios oficial: Tailwind CSS v4.0.0-beta.5 Release Notes

🌟 Principales novedades de daisyUI 5:

• 🌀 Compatibilidad con Tailwind CSS 4: daisyUI 5 está optimizado para trabajar con la última versión de Tailwind CSS, aprovechando todas sus mejoras.
• 📁 Componentes y temas como CSS puro: Cada componente y tema está disponible como archivos CSS independientes, haciendo su uso y personalización más sencillo.
• 🧵 Nesting nativo en CSS: Aprovechando las capacidades de los navegadores modernos, el código es más limpio y los archivos más ligeros.

⚙ Cómo configurarlo:
En tu archivo CSS, importa Tailwind y añade el plugin de daisyUI:
@plugin "daisyui";