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.
tailwind-css

Caracteristicas

Categorias

Alternativas a Tailwind CSS para Web

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.
Material Design Lite

Material Design Lite

El marco web front-end de Google para construir sitios con la especificación Material Design.
320 and Up

320 and Up

La repetitiva 'pantalla pequeña primero'.
Juiced (a Flexbox CSS Framework)

Juiced (a Flexbox CSS Framework)

Juiced tiene muchas de las mismas características de diseño que conoce y ama, pero las mejora con una mejor orientación móvil, ordenamiento de columnas personalizado, mejores opciones de alineación ...
The Semantic Grid System

The Semantic Grid System

Establezca los anchos de columna y canaleta, elija el número de columnas y cambie entre píxeles y porcentajes.
Kube Web Framework

Kube Web Framework

Kube es uno de los frameworks más avanzados y flexibles del mundo. Kube lo ayuda a pasar menos tiempo en tareas rutinarias y más tiempo creando productos increíbles.
The Goldilocks Approach

The Goldilocks Approach

El enfoque de Ricitos de oro para el diseño web receptivo: un buen punto de partida para el diseño que elimina la resolución del dispositivo de la ecuación.
Golden Grid System

Golden Grid System

Un sistema de cuadrícula para un diseño web receptivo.Incluye columnas plegables, canaletas elásticas, una cuadrícula de línea de base con zoom y un encantador script de superposición de cuadrícula.
Less Framework

Less Framework

Less Framework es un sistema de cuadrícula CSS para diseñar sitios web adaptativos.Contiene 4 diseños y 3 conjuntos de preajustes de tipografía, todos basados ​​en una única cuadrícula.
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!
Wee

Wee

Marco frontal liviano para construir lógicamente proyectos web complejos y receptivos.
inuit.css

inuit.css

inuit.css es un marco CSS ligero y constantemente actualizado que le proporciona un punto de partida pragmático y rico en funciones para todos sus proyectos.
Flexbox Grid

Flexbox Grid

Un sistema de cuadrícula basado en la propiedad de visualización flexible.
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.