Awesome GitHub RepositoriesClass Mapping

classnames is a JavaScript utility for conditionally joining CSS class names into a single space-separated string. It functions as a class name manager that maps boolean flags and objects to specific styles for HTML attribute assignment. The tool resolves abstract class identifiers to computed values, facilitating integration with modular styling systems. It allows for the mapping of dynamic identifiers to scoped class names through a dedicated module resolver. The utility processes strings, arrays, and objects to handle dynamic class name management. It includes capabilities for recursive a

This project is a Prettier plugin and Tailwind CSS class sorter that automatically organizes utility classes into a consistent and recommended order. It functions as a frontend styling formatter and CSS utility organizer, removing duplicate classes and sorting style attributes across HTML and JavaScript files. The tool ensures consistent markup formatting by ordering utility classes within HTML attributes, template literals, JavaScript expressions, and custom framework props. It integrates with Tailwind CSS configuration files and stylesheets to synchronize sorting behavior with custom theme

vue-office est une bibliothèque de prévisualisation de documents bureautiques et une visionneuse de documents basée sur le web, conçue pour rendre les fichiers Word, Excel, PowerPoint et PDF directement dans un navigateur web. Elle fournit une collection de composants réutilisables qui permettent l'affichage de documents en utilisant des URL réseau, des tampons de données ou des données blob sans nécessiter de plugins externes. Cette solution de rendu est construite comme un moteur de rendu de documents multi-framework, offrant une intégration pour Vue 2, Vue 3 et React. Elle permet l'affichage de documents côté client pour éviter les processus de conversion côté serveur. La bibliothèque gère la visualisation des documents via l'analyse côté client et le rendu de contenu. Elle utilise un rendu basé sur canvas pour les PDF et mappe les styles de document vers CSS pour maintenir la fidélité visuelle dans le navigateur.

Treat est une bibliothèque de stylisation qui extrait le CSS des définitions JavaScript pendant le processus de build pour éliminer la surcharge à l'exécution. Elle fonctionne comme un outil d'extraction de style statique, convertissant les définitions de style au niveau des composants en fichiers CSS optimisés et autonomes. Le framework est conçu pour construire des systèmes de design typés et thématisables qui permettent aux composants d'interface utilisateur d'adapter leur apparence en fonction des paramètres actifs du système de design. La bibliothèque se distingue en permettant une composition de style complexe, incluant des pseudo-sélecteurs, des media queries et des animations, au sein d'une structure d'objet unifiée qui reste compatible avec l'extraction statique. Elle prend en charge des variations visuelles dynamiques en mappant les définitions de style vers des classes CSS pré-générées, utilisant un mécanisme de recherche léger pour résoudre les thèmes à l'exécution. Cette approche permet le changement de thème et le chargement de thème à la demande sans nécessiter un rechargement complet de la page ou sacrifier les avantages de performance du CSS statique. Au-delà de ses capacités d'extraction de base, la bibliothèque fournit des outils pour la configuration de thème globale et la distribution basée sur le contexte pour assurer une cohérence visuelle à travers les applications à grande échelle. Elle inclut une prise en charge du rendu côté serveur, garantissant que les styles sont prêts pour les chargements de page initiaux, et s'intègre aux flux de travail de développement pour fournir le rechargement de module à chaud (hot module reloading) pour les changements de style. La bibliothèque est configurée via des pipelines de build standard, qui gèrent la transformation, la minification et les conventions de nommage de la sortie de style générée.