Esta semana Tailwind ha lanzado dos actualizaciones consecutivas centradas en mejoras de estabilidad y correcciones menores.
🔹 v4.1.15
- Corrige fallos en el parsing de reglas
@, en la funcióntheme()y en el uso de tabulaciones. - Mejora la resolución de claves del tema y la compatibilidad con
!important. - Corrige errores de visualización en Safari DevTools relacionados con
color-mix().
🔹 v4.1.16
- Soluciona errores en variantes arbitrarias con selectores de atributo y pseudo-selectores.
- Corrige colores inválidos al usar
&anidados y mejora la canonicalización de variantes complejas.
🧩 Relevancia para Flowtitude / WordPress
Estas versiones no introducen cambios mayores, pero mejoran la precisión al compilar clases dinámicas, algo útil si trabajas con bloques personalizados, variantes o grupos en Bricks y Gutenberg.
Hoy traigo algo que puede interesar mucho a quienes usan Bricks Builder y quieren añadir animaciones fluidas y visualmente potentes sin complicarse.
👉 Se trata de Kinekt, un nuevo plugin creado por ooohboi (sí, el mismo autor conocido por sus geniales extensiones para Elementor como OohBoi Steroids).
🎬 ¿Qué hace exactamente?
Permite animar prácticamente cualquier elemento dentro de Bricks con unos pocos clics. No requiere escribir código ni depender de librerías externas: todo se gestiona desde el panel visual, con controles muy intuitivos.
✨ Algunas características destacadas:
- Interfaz visual integrada en Bricks.
- Animaciones de entrada, salida, hover y scroll.
- Sistema de timelines para crear secuencias complejas.
- Soporte para delays, easing y loops.
- Rendimiento optimizado: utiliza animaciones CSS nativas.
💡 El autor ha sido conocido por sus desarrollos para Elementor, pero esta es su primera extensión premium para Bricks, y la comunidad está hablando muy bien de ella.
📚 Puedes ver toda la documentación y ejemplos aquí:
👉 https://kinekt.ooohboi.space/documentation-v2/
Seguimos avanzando con la integración de Tailwind CSS en Gutenberg, uno de los puntos más importantes para que Flowtitude funcione de forma fluida en cualquier entorno de WordPress.
Durante estas semanas estamos:
🔹 Actualizando el curso “Descubre Tailwind” para incluir ejemplos y configuraciones específicas de Gutenberg.
🔹 Probando diferentes temas base que ofrezcan un entorno limpio y predecible. De momento, el elegido es Blockbase, un tema gratuito desarrollado por Automattic. Es mucho más ligero y menos restrictivo que los temas que vienen por defecto con WordPress.
🔹 Explorando la compatibilidad con Bricks, ya que Bricks es en sí mismo un tema, y no está pensado para trabajar directamente con Gutenberg. Nuestro objetivo es encontrar una forma de usar Tailwind en páginas con el tema de Bricks, permitiendo combinar ambos mundos: crear secciones o bloques con Gutenberg, y reutilizar componentes de Bricks como bloques o layouts.
Todo este trabajo busca que el ecosistema Flowtitude sea coherente y práctico, tanto si diseñas con Bricks como si trabajas con Gutenberg.
📖 En las próximas sesiones iremos mostrando ejemplos reales y explicando paso a paso cómo aplicar esta integración en tus propios proyectos.
Buenas noticias:
🎉 Ya están disponibles todos los módulos principales del curso.
Solo faltan dos módulos extra (más avanzados), que dejaremos para más adelante.
Ahora nos vamos a centrar en mejorar y completar los contenidos actuales, revisando paso a paso todo lo que ya está publicado.
Durante las próximas semanas iremos:
✅ Revisando y ampliando los textos y ejemplos de cada lección.
🎬 Grabando un vídeo de introducción para cada una.
📺 Añadiendo, cuando sea necesario, vídeos cortos de apoyo para explicar los puntos más complejos.
🖼️ Incorporando imágenes de referencia que te ayudarán a visualizar el resultado esperado y comparar con tus propios avances en el editor.
Estamos empezando con el Módulo 1, dedicado a los fundamentos y la filosofía de Tailwind.
A medida que vayamos completando cada módulo, te avisaremos para que puedas seguir el progreso y acceder a las versiones actualizadas.
💡 El objetivo es que cada lección sea más clara, visual y práctica —una guía completa para dominar Tailwind dentro de WordPress.
Nueva versión de WindPress con mejoras enfocadas en la compatibilidad con Tailwind CSS v4 y en la experiencia de desarrollo dentro del navegador.
Una actualización recomendada si trabajas con Bricks o estás probando el nuevo entorno TW4.
🆕 Novedades
- Actualizado a Tailwind CSS v4 (4.1.14 última versión)
Mantiene la integración al día con la versión más reciente del framework. - [TW4] Soporte experimental para Source Maps
Facilita la depuración en DevTools al identificar de forma más clara el origen de los estilos.
🐞 Correcciones
- Wizard: los nodos secundarios ahora se muestran correctamente (#66)
- [Bricks]: corregido el atajo de teclado para Pegar HTML (#64, #67, #68)
💡 Se recomienda actualizar para mantener compatibilidad total con Tailwind 4.1 y aprovechar las mejoras de depuración en entornos de desarrollo.
Queremos compartir con vosotros un recurso muy interesante que puede resultar especialmente útil mientras seguimos ajustando la función de pegado de HTML en Bricks desde WindPress, que últimamente ha dado algunos fallos.
🧰 Se trata de Code2Bricks — una herramienta gratuita que convierte código HTML/CSS/JS en estructuras limpias listas para Bricks Builder.
Solo tienes que pegar el código y la herramienta lo descompone automáticamente en bloques equivalentes que puedes importar directamente en Bricks.
🔍 Qué la hace interesante
- Detecta dependencias externas automáticamente (GSAP, Lenis, Animate.css, etc.) y te indica qué scripts deberías incluir en tu proyecto.
- Separa HTML, CSS y JS en paneles independientes, facilitando la integración limpia en Bricks.
- Permite desactivar el resaltado visual en la vista previa, para centrarse en el diseño sin distracciones.
- Funciona online, sin necesidad de instalación, y es completamente gratuita.
🌐 URL oficial: https://code2bricks.netlify.app/
Nos alegra anunciar que hemos publicado el Roadmap oficial del plugin de integración de Tailwind con Bricks y Gutenberg.
Este roadmap recoge todas las fases del desarrollo actual —desde las pruebas de compilación en Bricks hasta la futura integración estable con Gutenberg— y será el lugar donde iremos publicando los avances, tareas en curso y próximas funciones.
💬 ¿Por qué lo compartimos?
Porque creemos que la transparencia es clave. Queremos que todos los miembros de Flowtitude podáis ver hacia dónde vamos, qué estamos priorizando y en qué estamos trabajando ahora mismo.
🧩 Cómo participar:
- Explora el roadmap dentro de la comunidad (ultima opción del menu de enlaces izquierdo).
- Déjanos tus comentarios, sugerencias o ideas de mejora directamente en el hilo de este post.
- Si algo te gustaría que implementáramos, cuéntanos por qué te parece útil para tu flujo de trabajo.
🚀 Objetivo:
Construir una integración de Tailwind en WordPress que realmente mejore la experiencia de desarrollo, combinando lo mejor de Tailwind CSS 4.1, Bricks Builder y Gutenberg.
👉 Tu feedback es importante.
Cada sugerencia, test o idea que compartas ayudará a priorizar funciones y a mejorar la estabilidad de la versión final.
Después de varias semanas de pruebas con la versión beta, Bricks 2.1 se lanzó oficialmente ayer, trayendo una de las actualizaciones más importantes hasta la fecha.
Y hoy mismo ya tenemos disponible Bricks 2.1.1, una versión rápida con correcciones esenciales para pulir algunos detalles detectados tras el lanzamiento inicial.
Esta nueva etapa de Bricks marca un salto importante en cómo diseñamos y gestionamos proyectos con Tailwind + Flowtitude, especialmente por las mejoras que amplían su integración con WordPress y flujos dinámicos.
🔍 Novedades más relevantes para nuestro ecosistema:
- Componentes de Bricks como bloques de Gutenberg, lo que abre la puerta a integrar Tailwind directamente en el contenido nativo.
- Wireframes y Design Sets, ideales para estructurar proyectos basados en sistemas visuales como Flowtitude DS.
- Consultas globales y gestor de queries, que simplifican la gestión de datos dinámicos.
- Forms con capacidad de crear o actualizar posts desde el frontend, muy útiles para paneles o comunidades.
- Generador de tipografía fluida, que facilita aún más el diseño adaptativo.
- Nuevo mapa con Leaflet (OpenStreetMap), alternativa ligera y libre a Google Maps.
💡 Importante: la versión 2.1.1 corrige un error que añadía barras invertidas (“\”) dentro de algunos componentes personalizados.
Si los detectas, basta con actualizar, editar y volver a guardar el builder.
📦 Desde Flowtitude ya estamos probando la compatibilidad con esta versión y ajustando nuestras integraciones en WindPress y Flowtitude Wizard, para que todo siga funcionando con la máxima fluidez.
Hoy comienza la preventa oficial de FluentCart, el nuevo sistema de comercio desarrollado por el equipo de WPManageNinja.
Desde Flowtitude adoptaremos FluentCart como método de pago y sistema de licencias en nuestra web. Resultarte muy interesante si planeas vender productos digitales, gestionar licencias o activaciones automáticas, y ofrecer pagos recurrentes o suscripciones desde tu propio WordPress.
📩 Si quieres recibir información oficial de la preventa, pudes suscribirte en https://fluentcart.com/
🧩 Cambios y avances recientes
- Eliminadas integraciones no necesarias, manteniendo únicamente Bricks Builder y Gutenberg.
- Eliminado el panel Ubicuo para simplificar la estructura del plugin.
- Reorganizada la configuración de las integraciones, ahora más modular y fácil de mantener.
- Eliminado el botón con menú contextual en Bricks, que resultaba innecesario.
Próximamente será reemplazado por un botón de compilación a demanda, más útil y coherente con el flujo de trabajo. - Mejoras en el proceso de compilación y en el renderizado de clases Tailwind dentro del editor.
🔧 Estado actual del desarrollo
En este momento estamos centrados en la corrección de errores relacionados con la compilación y el renderizado en el editor de Bricks, que es la base sobre la que construiremos la integración completa.
Mientras probamos de forma exhaustiva estos cambios, también estamos adaptando el Wizard para integrarlo con Flowtitude y alinearlo con el nuevo flujo de configuración del sistema.