Ir al contenido principal

🌊 Fluid TailwindCSS: tipografía y espaciados «fluidos»

Si antes usabas un complemento (Fluid for Tailwind) que te ayudaba a crear tamaños y espacios que se adaptan de forma progresiva, este proyecto viene a cubrir justo esa necesidad en Tailwind 4: puedes definir un mínimo y un máximo y el valor va creciendo suavemente según el ancho de pantalla, sin estar añadiendo variantes por cada tamaño.

Principales características

  • Permite aplicar «valores fluidos» a muchas utilidades: tamaño de letra, rellenos, márgenes, separación entre elementos, anchos/altos, etc.
  • Está pensado para el enfoque de Tailwind 4, donde la configuración vive en CSS.

Ejemplo de uso
La idea es indicar valor mínimo / valor máximo en una clase, por ejemplo para tamaño de letra y relleno:

  • Tamaño de letra que va de 2XL a 5XL de forma progresiva.
  • Relleno que va de 4 a 8 de forma progresiva.

Más información 👉 https://fluid-tailwindcss.vercel.app/

🌊 Fluid TailwindCSS: tipografía y espaciados «fluidos»