Componentes y bloques gratuitos de la interfaz de usuario CSS de Tailwind de TailGrids
TailGrids es una biblioteca moderna de UI de Tailwind CSS con más de 600 componentes y bloques de UI de Tailwind CSS de alta calidad, perfectamente diseñada para sitios web modernos, páginas de destino, aplicaciones web, paneles de control, comercio electrónico y más. Esta biblioteca incluye todos los componentes y elementos de interfaz de usuario esenciales que esperaría de una biblioteca de interfaz de usuario de primer nivel, lo que garantiza un diseño consistente y plantillas de ejemplo fáciles de usar, componentes de copiar y pegar para HTML, React y Vue.
Características clave:
- Biblioteca de interfaz de usuario completa: TailGrids cuenta con una impresionante variedad de más de 600 componentes y bloques de interfaz de usuario CSS de Tailwind.
- Compatibilidad con múltiples marcos: TailGrids admite múltiples marcos: HTML, React y Vue, que satisfacen una amplia gama de necesidades de desarrollo.
- Calidad Premium: Nuestros componentes están diseñados con una estética moderna y consistente, lo que garantiza una calidad visual de alta gama.
- Fácil de usar: con una sencilla función de copiar y pegar, TailGrids acelera el proceso de desarrollo, ahorrándole tiempo y esfuerzo.
- Adaptable: TailGrids es ideal para una variedad de aplicaciones, incluidos sitios web modernos, páginas de destino, aplicaciones web, paneles, plataformas de comercio electrónico y más.
- Versión accesible de código abierto: nuestra versión gratuita le brinda acceso a más de 200 componentes de interfaz de usuario junto con todos los componentes principales.
- Plantillas de ejemplo: 14 plantillas de ejemplo únicas y multipropósito disponibles en HTML y React.
La versión gratuita de código abierto de TailGrids proporciona más de 200 componentes de interfaz de usuario junto con todos los componentes principales, lo que la convierte en un recurso valioso para proyectos personales y comerciales. Siéntete libre de usarlo y no olvides apoyar e inspirar a nuestro equipo destacando este repositorio.
Explora todos los componentes
? Visitar sitio web
? Documentación
Instalación a través de NPM
Asegúrese de haber instalado Node.js y Tailwind CSS antes del paquete TailGrids NPM. Aquí hay una guía rápida para comenzar con Tailgrids:
1. Instale el paquete NPM de TailGrids:
2. Agregue el complemento TailGrids a su archivo tailwind.config.js :
module . exports = {
// Your existing Tailwind CSS configuration goes here
plugins : [ require ( "tailgrids/plugin" ) ] ,
} ; 3. Explore los componentes y simplemente copie y pegue los que desee en sus proyectos.
¡Y eso es todo! Ya está todo listo para comenzar a usar TailGrids en su proyecto. ¡Feliz codificación!
⚡ Obtenga la versión PRO
? Documentación detallada y guía de uso
Reacción del administrador de cola
ColaAdmin Vue
?️ TailGrids Figma
? Apoyo
¿Siempre puedes apoyar este proyecto e inspirarnos con Starring? Este repositorio y compartir con amigos. Si te gusta la biblioteca, considera comprar la versión Pro.
Registro de cambios
Versión 2.2.1
(agosto de 2024)
- Selector de tiempo agregado
- Se agregó el selector de fechas.
Versión 2.2.0
(mayo de 2024)
- Se agregaron más de 80 componentes nuevos.
- Se actualizó la guía de estilo principal.
- Se revisó la estructura del archivo.
- Se mejoró el complemento para reducir las dependencias.
- Se actualizó la versión CSS de Tailwind junto con otras dependencias.
Versión 2.1.0
(octubre, 2023)
- Se introdujo el modo oscuro.
- Componentes existentes pulidos.
- Se incorporaron algunos componentes principales.
- Paquetes dependientes actualizados.
Versión 2.0.0
(febrero, 2023)
- Esta versión importante duplicó nuestros componentes, introdujo el modo oscuro y amplió nuestros componentes y plantillas de ejemplo.
- Más de 500 componentes de interfaz de usuario de Tailwind (más de 200 recién agregados)
- 12 plantillas (8 recién agregadas)
- Modo oscuro para todos los componentes
- Archivo Figma actualizado con nuevos componentes de interfaz de usuario
- 2 plantillas de comercio electrónico
- 90+ Avanzado | Componentes principales, de marketing y de interfaz de usuario de la aplicación
- Más de 50 componentes de la interfaz de usuario del panel
- Más de 100 componentes de comercio electrónico
Versión 1.1.0
(marzo, 2022)
Nos enfocamos en mejorar su experiencia de diseño con la integración de Figma y nuevas plantillas.
- 2 nuevas plantillas
- Fuente Figma para componentes de interfaz de usuario
- Botones responsivos/ventana gráfica
- Galería de plantillas dedicadas
Lanzamiento inicial
(febrero, 2022)
¡El viaje comenzó! Lanzamos TailGrids con una base sólida de componentes y plantillas.
- Más de 300 componentes iniciales de UI
- Dos plantillas de ejemplo
- Paquete NPM para la versión de código abierto
? Licencia
¡La versión principal de TailGrids es 100% gratuita! y de código abierto puedes usarlo con tus proyectos personales o comerciales.
Componentes de la interfaz de usuario
