Selecciona tu idioma

Inicio arrow-right ... arrow-right Herramientas de desarrollo arrow-right Tailwind CSS

Hemos compilado una lista de 72 alternativas gratuitas y de pago para Tailwind CSS. Los principales competidores incluyen Bootstrap, Semantic UI. Además de estos, los usuarios también realizan comparaciones entre Tailwind CSS y Foundation, Bulma, UIkit. También puedes echar un vistazo a otras opciones similares aquí: Herramientas de desarrollo.


Bootstrap
Free Open Source

HTML · CSS Boilerplate · plantillas para sitios y aplicaciones de navegador

Semantic empowers designers and developers by creating a shared vocabulary for UI.

Foundation
Free Open Source

Foundation es un marco fácil de usar, potente y flexible para construir prototipos rápidos y ...

Bulma
Free Open Source

Un marco CSS moderno basado en Flexbox

UIkit
Free Open Source

Un marco front-end ligero y modular para desarrollar interfaces web rápidas y potentes.

Skeleton
Free Open Source

Skeleton es una pequeña colección de archivos CSS y JS que pueden ayudarlo a desarrollar rápidamente sitios que ...

yeti.css
Free Open Source

Y sin embargo, la biblioteca de patrones ligeros y modulares escrita en Stylus.

Reaccione los componentes que implementan el diseño de materiales de Google.

Flexbox Grid
Free Open Source

Un sistema de cuadrícula basado en la propiedad de visualización flexible

Un marco CSS de primera utilidad para el desarrollo rápido de la interfaz de usuario

Tailwind CSS Visión general

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 viene 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ón de interfaces de usuario complejas sin alentar a ninguno de los dos sitios a tener el mismo aspecto.

Componente amigable

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 múltiples instancias de un componente desde un solo lugar.

Responsive to the core

Cada utilidad Tailwind también viene en sabores receptivos, lo que hace que sea extremadamente fácil construir interfaces receptivas sin tener que 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 bordes, pesos de fuentes, 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 Funcionalidades

tick-square CSS framework

Principales alternativas a Tailwind CSS

¡Comparte tu opinión sobre el software, deja una reseña y ayuda a mejorarlo aún más!

Tailwind CSS Categorías

Herramientas de desarrollo

Tailwind CSS Etiquetas

responsive-web-design web-development css web-design

Sugerir cambios

Tus comentarios

Selecciona una calificación
Por favor, seleccione una calificación

Your vote has been counted.

Do you have experience using this software?