¿Qué es el viento de cola?
Tailwind es un marco CSS gratuito y de código abierto que prioriza las utilidades. Apareció en docenas de proyectos de desarrolladores que utilizan diferentes marcos como Vue, React, Angular, Blaze, Meteor, Svelte y otros.
A medida que su popularidad crece, los desarrolladores comienzan a crear sus propias bibliotecas personalizadas sobre Tailwind.
Pero espera,
¿Por qué debería considerar utilizar Tailwind?
- Marco CSS centrado en las utilidades
- Fácil de aprender
- Soporte de caja flexible
- Soporte de estilo de cuadrícula
- Diseño de varias columnas
- Documentación rica y fácil de usar
- Configuración sencilla
- Fácil de personalizar
- Proceso de estilo CSS más rápido
- API de relación de aspecto moderna
- Compatibilidad con modo oscuro incorporado
- Admite RTL y LTR listos para usar con modificadores
- Viene con ricos conjuntos de biblioteca de colores personalizados
Sin embargo, otra gran característica de Tailwind son sus extensiones y bibliotecas basadas en la comunidad que aumentan día a día.
Entonces, en este artículo, enumeraremos las mejores bibliotecas como recurso para desarrolladores.
Bibliotecas de componentes Tailwind de código abierto
1- margarita
IU de margarita es una biblioteca Tailwind de código abierto y rica en componentes. Funciona sin problemas con Vue, React, Meteor, Angular. Además, viene con 29 temas que se configuran fácilmente a través del archivo de configuración de Tailwind.
2- HiperUI
HiperUI es una colección de componentes CSS gratuitos de Tailwind que puede utilizar en su próximo proyecto. Con una variedad de componentes, puede crear su próximo sitio web de marketing, panel de administración, tienda de comercio electrónico y mucho más.
3- Mordida de flujo
mordida de flujo ofrece más de 400 componentes y elementos de interfaz de usuario interactivos listos para usar que son compatibles con el marco Tailwind.
4- Interfaz de usuario de Myna
Interfaz de usuario de Myna es una interfaz de usuario gratuita y de código abierto basada en componentes y plantillas. Es totalmente responsivo y accesible.
5- Kutty
kuti es un complemento de viento de cola para crear aplicaciones web. Tiene un conjunto de componentes accesibles y reutilizables que se utilizan comúnmente en aplicaciones web.
6- Navegar UI
Si está creando una aplicación web sencilla que no requiere componentes complicados, entonces la Navegar interfaz de usuario es para ti. Sail UI es totalmente gratuito y de código abierto publicado bajo la licencia MIT.
7- Kit de estrategia CreativeTim Tailwind
El equipo de CreativeTim ofrece docenas de temas, bibliotecas y kits de inicio gratuitos y comerciales que ayudan a los desarrolladores a crear hermosas aplicaciones web.
El Kit de inicio de viento de cola ofrece elegantes componentes CSS de lectura para usar, componentes JavaScript para React, Vue y Angular, páginas de muestra y documentación enriquecida.
8- UI de ráfaga (Reaccionar)
El IU de ráfaga ofrece una gran cantidad de componentes de reacción reutilizables que se construyeron sobre Tailwind. Viene con más de 50 componentes y más de 4 páginas de ejemplo.
9- Interfaz de usuario de Mamba
Interfaz de usuario de Mamba es una colección gratuita y de código abierto de componentes y plantillas de interfaz de usuario basada en Tailwind CSS. Es compatible con Angular, Vue, React, Svelte y HTML5 puro.
10- Diseños de LaLoka
Si está buscando crear un diseño responsivo, entonces puede considerar laloka. Ofrece contenedores de diseño personalizados y listos para usar.
11- Viento de cola elegante
Viento de cola elegante ofrece componentes de interfaz de usuario CSS React/JavaScript Tailwind hermosos, receptivos, reutilizables, gratuitos (de código abierto) y premium diseñados con amor e inspirados por las personas más creativas de la web.
12- Rejillas traseras
Rejillas de cola es un componente, bloques, secciones y plantillas de UI CSS de Tailwind listos para usar. Elija entre más de 400 componentes de interfaz de usuario diversos, copie y pegue el código de los componentes de interfaz de usuario y cree su interfaz de usuario, página de destino, sitio web o plantilla únicos de forma más rápida.
13- Supabase
Supabase es una alternativa de código abierto a Google Firebase, desarrollada y mantenida por un equipo sólido. Sus desarrolladores lanzaron su propia interfaz de usuario personalizada basada en Tailwind que también utiliza la biblioteca de iconos Feather.
14- UI sin cabeza
Interfaz de usuario sin cabeza viene con componentes de interfaz de usuario completamente accesibles y sin estilo para React y Vue. Está diseñado para integrarse maravillosamente con Tailwind CSS.
15-a17t
a17t es un complemento CSS de Tailwind que proporciona componentes atómicos como campos, botones y tarjetas en un lenguaje de diseño neutral que se adapta a su proyecto.
Pensamiento final
Tailwind es un marco de interfaz de usuario increíble que se puede utilizar para proyectos empresariales, de código abierto, comerciales o incluso personales. Las bibliotecas de componentes Tailwind aceleran la producción y mejoran el aspecto general y la usabilidad de su proyecto.
Incluimos la mejor biblioteca de componentes de código abierto que podemos encontrar; si conoce alguna otra que no hayamos mencionado, háganoslo saber.
Etiquetas
Código abierto Desarrollo web basado en web desarrollo Herramientas para desarrolladores programación UI UX Lista de marcos de JavaScript Biblioteca React Vue
