Composants et blocs gratuits de l'interface utilisateur CSS Tailwind par TailGrids
TailGrids est une bibliothèque d'interface utilisateur CSS Tailwind moderne de plus de 600 composants et blocs d'interface utilisateur CSS Tailwind de haute qualité, parfaitement conçus pour les sites Web modernes, les pages de destination, les applications Web, les tableaux de bord, le commerce électronique et plus encore. Cette bibliothèque comprend tous les composants et éléments d'interface utilisateur essentiels que vous attendez d'une bibliothèque d'interface utilisateur de premier ordre, garantissant une conception cohérente et facile à utiliser, des exemples de modèles, des composants copier-coller pour HTML, React et Vue.
Principales caractéristiques :
- Bibliothèque d'interface utilisateur complète : TailGrids propose un assortiment impressionnant de plus de 600 composants et blocs d'interface utilisateur CSS Tailwind.
- Prise en charge de plusieurs frameworks : TailGrids prend en charge plusieurs frameworks - HTML, React et Vue, répondant à un large éventail de besoins de développement.
- Qualité supérieure : nos composants sont conçus avec une esthétique cohérente et moderne, garantissant une qualité visuelle haut de gamme.
- Convivial : avec une simple fonctionnalité copier-coller, TailGrids accélère le processus de développement, vous faisant gagner du temps et des efforts.
- Adaptable : TailGrids est idéal pour une variété d'applications, notamment les sites Web modernes, les pages de destination, les applications Web, les tableaux de bord, les plateformes de commerce électronique, etc.
- Version Open Source accessible : notre version gratuite vous donne accès à plus de 200 composants d'interface utilisateur ainsi qu'à tous les composants de base.
- Exemples de modèles : 14 exemples de modèles polyvalents et uniques disponibles en HTML et React.
La version open source gratuite de TailGrids fournit plus de 200 composants d'interface utilisateur ainsi que tous les composants de base, ce qui en fait une ressource précieuse pour les projets personnels et commerciaux. N'hésitez pas à l'utiliser et n'oubliez pas de soutenir et d'inspirer notre équipe en mettant en vedette ce référentiel.
Explorez tous les composants
? Visitez le site Web
? Documentation
Installation via NPM
Assurez-vous d'avoir installé Node.js et Tailwind CSS avant le package TailGrids NPM. Voici un guide rapide pour vous aider à démarrer avec Tailgrids :
1. Installez le package TailGrids NPM :
2. Ajoutez le plugin TailGrids à votre fichier tailwind.config.js
:
module . exports = {
// Your existing Tailwind CSS configuration goes here
plugins : [ require ( "tailgrids/plugin" ) ] ,
} ;
3. Parcourez les composants et copiez et collez simplement ceux que vous aimez dans vos projets.
Et c'est tout ! Vous êtes prêt à commencer à utiliser TailGrids dans votre projet. Bon codage !
⚡ Obtenez la version PRO
? Documentation détaillée et guide d'utilisation
TailAdmin Réagir
Vue TailAdmin
?️ TailGrids Figma
? Soutien
Vous pouvez toujours soutenir ce projet et nous inspirer en mettant en vedette ? Ce référentiel et partage avec des amis. Si vous aimez la bibliothèque, envisagez d'acheter la version Pro
Journal des modifications
Version 2.2.1
(août 2024)
- Sélecteur de temps ajouté
- Sélecteur de date ajouté.
Version 2.2.0
(mai 2024)
- Ajout de plus de 80 nouveaux composants.
- Mise à jour du guide de style principal.
- Révision de la structure du fichier.
- Amélioration du plugin pour réduire les dépendances.
- Mise à jour de la version CSS de Tailwind ainsi que d'autres dépendances.
Version 2.1.0
(octobre 2023)
- Introduction du mode sombre.
- Composants existants polis.
- Incorporé quelques composants de base.
- Packages dépendants mis à jour.
Version 2.0.0
(février 2023)
- Cette version majeure a doublé nos composants, introduit le mode sombre et étendu nos composants et exemples de modèles.
- Plus de 500 composants d'interface utilisateur Tailwind (plus de 200 nouvellement ajoutés)
- 12 modèles (8 nouvellement ajoutés)
- Mode sombre pour tous les composants
- Fichier Figma mis à jour avec de nouveaux composants d'interface utilisateur
- 2 modèles de commerce électronique
- 90+ Avancé | Composants de base, de marketing et d'interface utilisateur de l'application
- Plus de 50 composants d'interface utilisateur du tableau de bord
- Plus de 100 composants de commerce électronique
Version 1.1.0
(mars 2022)
Nous nous sommes concentrés sur l'amélioration de votre expérience de conception avec l'intégration Figma et de nouveaux modèles.
- 2 nouveaux modèles
- Source Figma pour les composants de l'interface utilisateur
- Boutons réactifs/fenêtre
- Galerie de modèles dédiée
Version initiale
(février 2022)
Le voyage a commencé ! Nous avons lancé TailGrids avec une base solide de composants et de modèles.
- Plus de 300 composants d'interface utilisateur initiaux
- Deux exemples de modèles
- Package NPM pour la version Open Source
? Licence
La version principale de TailGrids est 100 % gratuite ! et open-source, vous pouvez l'utiliser avec vos projets personnels ou commerciaux.
Composants de l'interface utilisateur