Últimas Actualizaciones

No estaba seguro de que alguna vez sucedería, pero lo hicimos: lanzamos una versión de Tailwind CSS que incluye utilitarios de sombra de texto. Tailwind CSS v4.1 está aquí y está repleto de mejoras que te ayudarán (o a tu LLM, cobarde) a construir experiencias interactivas aún mejores.

Acabamos de lanzar un gran proyecto de rebranding, convirtiendo lo que antes se conocía como Tailwind UI en Tailwind Plus. Tailwind Plus son los mismos recursos de alta calidad que conoces de Tailwind UI, pero con posibilidades y potencial completamente nuevos.

Acabamos de lanzar Tailwind CSS v4.0 — una versión completamente nueva del framework optimizada para rendimiento y flexibilidad, con una experiencia de configuración y personalización reimaginada, y aprovechando al máximo los últimos avances que la plataforma web tiene para ofrecer.

Hace unos ocho meses abrimos nuestro progreso en Tailwind CSS v4.0. Cientos de horas arreglando errores, trabajo de compatibilidad hacia atrás desgarrador y solucionando fallos de CI en Windows después, estoy emocionado de finalmente etiquetar la primera versión beta pública.

Durante los últimos meses hemos estado trabajando en una nueva plantilla de sitio de marketing SaaS para Tailwind UI. Se llama Radiant, y puedes empezar a usarla hoy mismo.

Acabamos de lanzar Headless UI v2.1 para React, que simplifica drásticamente nuestras APIs de transición y agrega soporte para renderizar múltiples diálogos como hermanos.

Acabamos de lanzar una nueva versión de `prettier-plugin-tailwindcss` que agrega soporte para eliminar espacios en blanco innecesarios y clases duplicadas al ordenar.

Acabamos de publicar la primera actualización importante de Catalyst desde el lanzamiento de la vista previa de desarrollo, con dos nuevos diseños de aplicación, componentes navbar y sidebar, listas de descripción y más.

Nada supera construir algo real con tus propias herramientas cuando se trata de encontrar formas de mejorar las cosas. Mientras hemos estado trabajando en Catalyst estos últimos meses, hemos realizado docenas de mejoras en Headless UI que te permiten escribir aún menos código y mejorar aún más la experiencia del desarrollador.

Estamos contratando un Ingeniero de Diseño y un Ingeniero de Software de Staff para trabajar con nosotros en algunos proyectos nuevos y ambiciosos. Ambos puestos son completamente remotos, con un salario de $275,000 USD.

El verano pasado en Tailwind Connect compartí una vista previa de Oxide — un nuevo motor de alto rendimiento para Tailwind CSS en el que hemos estado trabajando, diseñado para simplificar la experiencia del desarrollador y aprovechar cómo ha evolucionado la plataforma web desde que se lanzó Tailwind por primera vez.

Hoy es el día: acabamos de publicar la primera vista previa de desarrollo de Catalyst, nuestro primer kit de UI de aplicación para React, totalmente componentizado y con todo incluido, justo a tiempo para tus sesiones de hacking navideñas.

No hay nada como construir un nuevo producto importante para encontrar todas las características que desearías tener en tus propias herramientas, así que aprovechamos parte de esa inspiración y la convertimos en esto — Tailwind CSS v3.4.

Acabamos de lanzar Heroicons v2.1 que incluye un nuevo estilo micro — un conjunto completo de casi trescientos iconos de 16×16 diseñados para interfaces de usuario más ajustadas y de mayor densidad.

Acabamos de lanzar Studio — una nueva y hermosa plantilla de sitio web para agencias en la que hemos estado trabajando durante los últimos meses para Tailwind UI.

El mes pasado, más de 200 personas se reunieron en mi ciudad natal de Cambridge, Ontario, para pasar el rato, hablar de trabajo y echar un vistazo tras bambalinas a algunas de las cosas nuevas en las que hemos estado trabajando.

Durante los últimos cuatro meses probablemente hemos trabajado más en Tailwind UI que nunca, y habiendo finalmente concluido lo que nos propusimos lograr, estoy emocionado de exponértelo todo.

Tailwind CSS v3.3 está aquí — trayendo un montón de nuevas características que la gente ha estado pidiendo desde siempre, y un montón de cosas nuevas que ni siquiera sabías que querías.

Han sido meses de trabajo, pero estoy emocionado de lanzar finalmente nuestra próxima plantilla de sitio web — Protocol, un hermoso kit de inicio para construir sitios web de referencia API increíbles.

Bueno, ¡llegó ese momento otra vez! El momento en el que pasamos rápidamente de "Realmente no tengo idea de qué podríamos añadir a una nueva versión de Tailwind" a "vaya, bueno, esto es en realidad una cantidad ridícula de cosas nuevas — será mejor que etiquetemos una versión antes de que las cosas se nos vayan completamente de las manos".

Acabamos de lanzar una nueva e impresionante plantilla de sitio web personal para Tailwind UI, rediseñamos Heroicons desde cero, etiquetamos una nueva versión de Headless UI con algunas características nuevas emocionantes y más.

Todo sobre la nueva plantilla de Tailwind UI que acabamos de lanzar, la bolsa de trabajo oficial de Tailwind CSS y un montón de nuevos proyectos que saldrán en las próximas semanas.

Cuando estaba empezando mi carrera de programación, me encantaba seguir a thoughtbot. Siempre estaban escribiendo artículos de programación interesantes y produciendo screencasts fantásticos.

Han pasado unos seis meses desde que lanzamos Tailwind CSS v3.0, y aunque hemos estado recopilando muchas pequeñas mejoras en el código base desde entonces, simplemente no teníamos esa característica única que te hace decir"ok, es hora de lanzar la versión".

¡Ha pasado un tiempo desde que escribí sobre en qué hemos estado trabajando, así que tengo mucho que compartir! Demasiado, honestamente — mi principal motivación para sacar esta actualización es que tenemos aún más cosas la próxima semana, y siento que no puedo compartir esas cosas hasta que comparta todo lo que ya hemos lanzado. Así que ponte tu traje de baño, siéntate en tu sillón y prepárate para absorber un poco de vitamina CSS.

Acabamos de lanzar Headless UI v1.5, que incluye un nuevo componente Combobox. Los Comboboxes son como controles select pero con funcionalidad de autocompletado/typeahead.

La gente ha estado hablando sobre la mejor manera de ordenar tus clases de utilidad en proyectos de Tailwind durante al menos cuatro años. Hoy estamos emocionados de anunciar que finalmente puedes dejar de preocuparte por eso con el lanzamiento de nuestro plugin oficial de Prettier para Tailwind CSS.

Hoy anunciamos la próxima versión del plugin Tailwind CSS Typography, que trae soporte fácil para dark mode, una API de personalización totalmente nueva y la clase `not-prose` que no estaba seguro de que alguna vez descubriríamos cómo soportar.

Tailwind CSS está escrito en JavaScript y se distribuye como un paquete npm, lo que significa que siempre has tenido que tener Node.js y npm instalados para usarlo. Hoy anunciamos una nueva compilación de CLI standalone que te brinda todo el poder de Tailwind CLI en un ejecutable autónomo — no se requiere Node.js ni npm.

Tailwind CSS v3.0 ya está aquí — trayendo increíbles ganancias de rendimiento, enormes mejoras en el flujo de trabajo y un número seriamente ridículo de nuevas características.

Después de casi 6 meses de desarrollo, finalmente lanzamos Tailwind UI Ecommerce — el primer kit de componentes totalmente nuevo para Tailwind UI desde el lanzamiento inicial en febrero de 2020.

Acabamos de lanzar Headless UI v1.4, que incluye un nuevo componente Tab, y nuevas API para cerrar manualmente los componentes Popover y Disclosure más fácilmente.

Bueno, no puedo decir que realmente lo estuviéramos planeando, pero durante las últimas semanas nos hemos divertido mucho agregando características nuevas y emocionantes a Tailwind y ahora parece el momento adecuado para lanzar una versión, así que aquí está — ¡Tailwind CSS v2.2!

El año pasado lanzamos Tailwind UI — un enorme directorio de ejemplos de UI diseñados profesionalmente construidos con Tailwind CSS. Hasta ahora, todos los ejemplos en Tailwind UI han sido puro HTML, que es como el mínimo común denominador para todos los desarrolladores web, y hace posible adaptarlos a cualquier lenguaje de plantillas o framework de JavaScript.

El otoño pasado anunciamos Headless UI, una librería de componentes de UI completamente sin estilo y totalmente accesibles, diseñada para combinar perfectamente con Tailwind CSS. Hoy estamos súper emocionados de lanzar Headless UI v1.0, que más que duplica la cantidad de componentes incluidos tanto para React como para Vue.

¡La primera actualización de características desde Tailwind CSS v2.0 está aquí y cargada de cosas geniales! Hemos fusionado el nuevo motor JIT al core, agregado soporte de primera clase para filtros CSS componibles, agregado utilidades de modo de fusión y un montón más.

Hace poco más de un año lanzamos la primera versión de Heroicons, que es un conjunto de hermosos iconos de UI que diseñamos junto con Tailwind UI. Desde entonces, hemos añadido montones de iconos nuevos, y diseñado y lanzado una experiencia web dedicada. Hoy estamos emocionados de lanzar finalmente Heroicons v1.0, que incluye más de 450 iconos gratuitos en dos estilos, librerías oficiales para React y Vue, y recursos para Figma.

Una de las restricciones más difíciles con las que hemos tenido que lidiar mientras mejorábamos Tailwind CSS a lo largo de los años es el tamaño del archivo generado en desarrollo. Con suficientes personalizaciones en tu archivo de configuración, el CSS generado puede alcanzar los 10mb o más, y hay un límite de CSS que las herramientas de compilación e incluso el propio navegador pueden tolerar cómodamente.

Hace muchos años recibí un mensaje de Steve que decía algo así como "¿Alguna vez te he compartido el perfil de Dribbble de este chico? Lo sigo desde siempre, es de mis trabajos favoritos que he encontrado". Esa persona era James McDonald, y hoy estamos totalmente encantados de compartir que James se une a nuestro equipo a tiempo completo.

Hoy estamos emocionados de lanzar Tailwind CSS: De Cero a Producción, una nueva serie de screencasts que te enseña todo lo que necesitas saber para empezar a usar Tailwind CSS v2.0 desde cero.

Comenzamos a trabajar con David Luhr el verano pasado proyecto por proyecto para ayudarnos a desarrollar una versión Figma de Tailwind UI (¡casi lista!), así como para aprovechar su experiencia en accesibilidad al construir plantillas de Tailwind UI, asegurando que seguíamos las mejores prácticas y entregábamos un marcado que funcionara para todos, sin importar las herramientas que utilicen para navegar por la web.

Imagina que estás implementando un hermoso diseño que tú o alguien de tu equipo elaboró cuidadosamente en Figma. Has clavado todos los diferentes layouts en cada breakpoint, perfeccionado el espacio en blanco y la tipografía, y la fotografía que estás usando realmente está dando vida al diseño.

Se ve totalmente increíble — until you connect it your actual production content and realize that your beautiful grid of blog cards falls apart because, of course, real article excerpts aren't all magically exactly three lines long, and now each card is a different height.

¿Te suena familiar? If so, the line-clamp plugin is here to save your bacon.

Hace casi exactamente 18 meses lanzamos Tailwind CSS v1.0, que señalaba un compromiso con la estabilidad mientras seguíamos empujando los límites con nuevas y emocionantes características en cada versión menor.

Acabamos de lanzar Tailwind CSS v1.9 que agrega soporte para presets de configuración, nuevas y útiles utilidades de CSS grid, escalas extendidas de border radius, rotate y skew, mejoras útiles de accesibilidad, ¡y más!

Para aprovechar al máximo Tailwind, necesitas un paso de compilación. Es la única forma de poder personalizar tu archivo tailwind.config.js, extraer componentes con @apply, o incluir plugins.

Uno de los mayores puntos débiles al construir aplicaciones web modernas es crear componentes personalizados como menús de selección, desplegables, interruptores, modales, pestañas, grupos de radio: componentes que son bastante similares de un proyecto a otro, pero nunca del todo iguales.

Se han añadido un montón de cosas geniales a Tailwind desde la última vez que publicamos screencasts, así que pensamos que sería una gran idea grabar una pequeña serie que cubra todas las nuevas adiciones.

¡Tailwind CSS v1.8 ya está disponible con un puñado de nuevas utilidades, un par de nuevas características y un nuevo y emocionante experimento!

En febrero lanzamos Tailwind UI, un directorio de ejemplos de componentes HTML diseñados para que copies y pegues en tus proyectos de Tailwind como punto de partida para tus propios diseños.

Hace unos meses lanzamos discretamente Heroicons, un conjunto de íconos SVG gratuitos que diseñamos inicialmente para soportar los componentes en Tailwind UI. Hoy lanzamos la experiencia web oficial de Heroicons, que hace más fácil que nunca buscar íconos y copiarlos rápidamente a tu portapapeles como HTML o JSX listos para Tailwind.

¡Otro nuevo lanzamiento de Tailwind está aquí! Esta vez con soporte para gradientes, background-clip, soporte experimental para usar @apply con utilidades de variantes, y mucho más. ¡Vamos a ello!

En mayo publicamos nuestra primera oferta de trabajo para ayudarnos a encontrar un desarrollador full-stack que se uniera a nuestro equipo. Después de recibir casi 900 solicitudes y entrevistar a docenas de personas talentosas, estamos emocionados de compartir finalmente que Robin Malfait aceptó nuestra oferta para el puesto y ¡es oficialmente parte del equipo de Tailwind Labs a partir de hoy!

¡Es como Tailwind CSS v1.5 excepto que ahora hay soporte para animaciones, utilidades de overscroll y más!

¡Hoy estamos súper emocionados de compartir que Simon Vrachliotis se ha unido al equipo de desarrollo de Tailwind Labs! (Por cierto, acabamos de finalizar ese nuevo nombre comercial, ¿genial, verdad?)

En junio, Brad Cornes se unió a nuestra empresa como nuestro primer miembro del equipo. No teníamos un blog para anunciarlo en ese entonces, pero más vale tarde que nunca, ¿verdad?

Esperaba guardar la v1.5.0 para algo realmente emocionante pero necesitábamos una nueva característica para soportar el nuevo plugin @tailwindcss/typography así que, ¡al diablo!, te traemos cosas nuevas antes de tiempo.

Hasta ahora, intentar dar estilo a un artículo, documento o entrada de blog con Tailwind ha sido una tarea tediosa que requería un buen ojo para la tipografía y mucho CSS personalizado complejo.
Por eso hoy estamos emocionados de lanzar @tailwindcss/typography, un plugin que te permite dar estilo fácilmente a contenido HTML vanilla con hermosos valores predeterminados tipográficos.

Una de las cosas en las que creemos como equipo es que todo lo que hacemos debe ser sellado con una publicación de blog. Obligarnos a escribir una breve publicación de anuncio para cada proyecto en el que trabajamos actúa como un control de calidad incorporado, asegurándonos de que nunca llamemos a un proyecto "terminado" hasta que nos sintamos cómodos diciéndole al mundo que ya está disponible.

Hoy lanzamos una nueva versión de la extensión Tailwind CSS IntelliSense para Visual Studio Code que añade linting específico de Tailwind tanto a tu CSS como a tu marcado.