À propos du projet

ZenUI Library React est une bibliothèque de composants UI gratuite et open-source construite avec React et Tailwind CSS. Elle se positionne comme une ressource légère et personnalisable destinée à accélérer le développement front-end. Le README précise que la bibliothèque est optimisée pour la performance, facile à intégrer et sans dépendances ; l'utilisation est décrite comme étant "plug-and-play", ce qui signifie que les composants sont copiés et collés plutôt qu'installés en tant que package. Ce que le README liste : Composants - Plus de 800 composants - Plus de 20 templates pré-construits - Blocs de sites web - Kits e-commerce Animations - Plus de 100 composants animés Outils - Plus de 500 icônes personnalisables - Palette d'opacité des couleurs - Extraction de couleur à partir d'une image téléchargée (color picker) - Maître des balises sémantiques HTML - Générateur de fonctions de raccourcis clavier prêt à l'emploi (shortKey) - Générateur de configuration Tailwind pour v3 Ressources - Plus de 118 ressources de programmation Le projet mentionne également une galerie de templates de sites web et un programme permettant aux créateurs de vendre des templates React, Next.js ou Tailwind CSS dans la ZenUI Library, avec une commission annoncée de 80 % par vente et un guide de soumission distinct. Installation pour le développement local Clonez le dépôt, accédez au répertoire du projet, installez les dépendances avec npm install, puis lancez-le avec npm run dev. Documentation et utilisation Les composants ZenUI sont documentés dans la bibliothèque en ligne ZenUI. Le flux de travail est le suivant : trouver un composant, copier l'extrait de code et le coller partout où le marquage HTML ou JSX est accepté. Aucune étape de configuration n'est requise pour l'utilisation de base. Chaque composant est construit à partir de classes Tailwind CSS ; par exemple, un bouton est défini purement avec des classes utilitaires pour le padding, la couleur d'arrière-plan, la couleur du texte, les coins arrondis et l'état de survol, et fonctionne sans props. Le stylage étant basé sur des classes, les composants sont personnalisés en modifiant ou en ajoutant des classes : changement des couleurs d'arrière-plan, ajustement du padding ou augmentation du rayon de la bordure en remplaçant les valeurs dans la liste des classes. Des utilitaires Tailwind supplémentaires peuvent être appliqués pour des effets tels que les ombres et les transitions. Bonnes pratiques suggérées dans le README Commencez par le composant par défaut pour comprendre son comportement avant de le personnaliser ; suivez l'approche utility-first de Tailwind au lieu de réécrire le CSS ; et gardez des notes sur les modifications apportées aux composants standards pour faciliter la maintenance. Projet et communauté - Licence : MIT - Contribution : les contributions de la communauté sont bienvenues, avec un fichier CONTRIBUTING.md dans le dépôt - Vente de templates : les directives, les étapes de soumission et les informations sur les gains sont couvertes dans TEMPLATE_SUBMISSION_GUIDE.md - Liens : site web à react-ui.zenui.net, ainsi que des canaux X (Twitter), LinkedIn, Facebook et Discord - Support : un lien Ko-fi est fourni Le README ne mentionne pas de benchmarks, de versions de packages au-delà de la mention du générateur de config Tailwind v3, ni de détails sur le support des navigateurs.