Tailwind CSS

Sitio web

  • Libre
  • Self-Hosted
  • CSS
Description

Tailwind es diferente de marcos como Bootstrap, Foundation o Bulma en que no es un kit de UI.
No tiene un tema predeterminado, y no hay componentes de UI incorporados. Por otro lado, tampoco tiene una opinión sobre cómo debe verse su sitio y no impone decisiones de diseño que debe luchar para deshacer.

Si está buscando un marco que venga con un menú de Los widgets prediseñados para construir su sitio con, Tailwind puede no ser el marco adecuado para usted. Pero si desea una gran ventaja de implementar un diseño personalizado con su propia identidad, Tailwind puede ser justo lo que está buscando.

Utility-first

Crear un marco para crear interfaces de usuario personalizadas significa que no puede proporcionar abstracciones en el nivel habitual de botones, formularios, tarjetas, barras de navegación, etc.
En su lugar, Tailwind proporciona clases de utilidad de bajo nivel altamente compacta que facilitan la creación de interfaces de usuario complejas sin alentar a que dos sitios se vean iguales.

Compatible con componentes

Si bien puede hacer mucho con solo clases de utilidad, a veces una clase de componente es la decisión correcta.
Tailwind proporciona herramientas para extraer clases de componentes de patrones de utilidad repetidos, lo que facilita la actualización de varias instancias de un componente desde un lugar.

Responde al núcleo

Todas las utilidades de Tailwind también vienen en sabores responsivos, lo que hace que sea extremadamente fácil crear interfaces responsivas sin tener que dejar su HTML.
Tailwind usa un sistema intuitivo {pantalla}: prefijo que hace que sea fácil notar las clases receptivas en su marca, manteniendo el nombre de la clase original reconocible e intacto.

Diseñado para ser personalizado

Si tiene sentido personalizarlo, Tailwind te permite personalizarlo.
Esto incluye colores, tamaños de bordes, pesos de fuente, utilidades de espaciado, puntos de interrupción, sombras y mucho más.
Tailwind está escrito en PostCSS y configurado en JavaScript, lo que significa que tiene la potencia completa de un lenguaje de programación real al alcance de su mano. .
Tailwind es más que un marco CSS, es un motor para crear sistemas de diseño.

Categorías
Aplicaciones y software de desarrollo

Alternativas