Tailwind CSS

Tailwind CSS

Tailwind es diferente de los frameworks como Bootstrap, Foundation o Bulma en que no es un kit de interfaz de usuario.
Tailwind es diferente de los frameworks como Bootstrap, Foundation o Bulma en que no es un kit de interfaz de usuario.No tiene un tema predeterminado, y no hay componentes de interfaz de usuario integrados.Por otro lado, tampoco tiene una opinión sobre cómo debería 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 widgets prediseñados para construir su sitio, Tailwind podría no ser el marco adecuado para usted, por eso tenemos algunas alternativas.Pero si desea una gran ventaja al implementar un diseño personalizado con su propia identidad, Tailwind podría ser justo lo que está buscando.Utilidad primero 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 cambio, Tailwind proporciona clases de utilidad de bajo nivel altamente componibles que facilitan la creaciónInterfaces de usuario complejas sin alentar a ninguno de los dos sitios a verse igual.Compatible con componentes Si bien puede hacer mucho con solo clases de utilidad, a veces una clase de componentes 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 múltiples instancias de un componente desde un solo lugar.Receptivo al núcleo Cada utilidad Tailwind también viene en sabores receptivos, lo que hace que sea extremadamente fácil construir interfaces receptivas sin abandonar su HTML.Tailwind utiliza un intuitivo {screen}: prefijo que hace que sea fácil notar clases receptivas en su marcado mientras mantiene el nombre de clase original reconocible e intacto.Diseñado para ser personalizado Si tiene sentido ser personalizable, Tailwind te permite personalizarlo.Esto incluye colores, tamaños de borde, 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 tienes todo el poder de un lenguaje de programación real a tu alcance.Tailwind es más que un marco CSS, es un motor para crear sistemas de diseño.

Caracteristicas

Categorias

Alternativas a Tailwind CSS para Windows

Topcoat

Topcoat

Topcoat es una nueva biblioteca CSS de código abierto diseñada para ayudar a los desarrolladores a crear aplicaciones web con énfasis en la velocidad.
Responsable

Responsable

Responsable es un marco HTML CSS LESS SCSS receptivo con marcado limpio, CSS normalizado e imágenes receptivas.
960 Grid System

960 Grid System

El 960 Grid System es un esfuerzo para optimizar el flujo de trabajo de desarrollo web al proporcionar dimensiones de uso común, basadas en un ancho de 960 píxeles.
Sassy-validation

Sassy-validation

Sassy-validation es una biblioteca de validación de tipo de datos Sass. ¡Valide los datos ingresados ​​o no lo haga!
Blaze CSS

Blaze CSS

Marco CSS modular de código abierto que proporciona una gran estructura para crear sitios web rápidamente.
yeti.css

yeti.css

yeti.css es una biblioteca de patrones que consta de módulos livianos y reutilizables.Se ha creado para reflejar las pautas visuales y de marca de yet & yet.
Backstretch

Backstretch

Backstretch es un complemento simple de jQuery que le permite agregar una imagen de fondo con capacidad de presentación de diapositivas de tamaño dinámico a cualquier página o elemento.
Unsemantic CSS Framework

Unsemantic CSS Framework

Unsemantic es un sistema de red fluido que es el sucesor del sistema de red 960.
Fluid 960 Grid System

Fluid 960 Grid System

Las plantillas de Fluid 960 Grid System se han construido sobre el trabajo de Nathan Smith y su 960 Grid System utilizando efectos de las bibliotecas MooTools y jQuery JavaScript.
Foldy960

Foldy960

Foldy960 - ¡Una versión receptiva de la cuadrícula 960, al estilo Pvel!
Shoelace.css

Shoelace.css

Shoelace.css es un kit de inicio y no un marco.Personalizable a través de variables CSS, no requiere Less, Sass o ningún procesamiento previo en absoluto.La versión minificada es de solo 35.3 KB y mucho más pequeña cuando se comprime.