Awesome GitHub RepositoriesCSS Variant Modifiers

Utility-first CSS framework for fast, design-system-friendly styling.

UnoCSS is an atomic CSS engine and utility-first framework that generates styles on-demand based on the specific classes used in your source code. By scanning your project files during the build process, it produces only the CSS necessary for your application, effectively minimizing bundle size and eliminating unused styles. The engine distinguishes itself through a highly modular, configuration-driven architecture that allows for deep customization of design tokens, rules, and presets. It supports advanced styling patterns such as attribute-based styling, tag-based styling, and dynamic varia

Windi CSS is a utility-first CSS framework that generates only the CSS classes actually used in a project, scanning source files at build time to produce smaller, optimized stylesheets. It provides on-demand style generation through static analysis of HTML and template files, eliminating unused styles for leaner output. The framework offers a plugin-based extension system for adding custom utilities, variants, and design tokens without modifying the core. It includes built-in compatibility for migrating from Tailwind CSS, removing Tailwind-specific dependencies and configuration fields while

Tailwind CSS Typography is a plugin for the Tailwind CSS framework that provides hand-tuned typographic defaults for blocks of vanilla HTML content, such as content from Markdown or a CMS. It applies beautiful prose styles to HTML content using a single class, eliminating the need for custom CSS to style rich text. The plugin distinguishes itself by offering deep customization and control over typography. Users can adjust the overall font size of prose content across five predefined sizes, select from five built-in gray-scale palettes to match a project's color scheme, and seamlessly adapt ty

tailwind-merge is a utility library that resolves conflicting Tailwind CSS class strings when combining multiple sets of classes. It automatically detects and removes conflicting utility classes, keeping only the last class from each group that modifies the same CSS property, while preserving non-conflicting and non-Tailwind classes unchanged. The library handles complex conflict scenarios including modifier-order resolution, arbitrary value type detection, postfix modifier semantics, and asymmetric conflicts where one class group removes preceding classes from other groups but not vice versa

rscss est un framework d'architecture CSS et une spécification de système de design utilisée pour organiser les feuilles de style. Il fournit une méthodologie pour définir des composants réutilisables et leurs éléments enfants via une norme de nommage cohérente et un partitionnement de fichiers basé sur les composants. Le système met l'accent sur une hiérarchie d'imbrication plate pour éviter les conflits de spécificité et l'imbrication profonde des sélecteurs. Il utilise un modèle de variante visuelle qui applique des variations d'apparence aux composants via des classes préfixées et une spécification de classe utilitaire pour implémenter des classes d'aide globales pour les ajustements de mise en page. Le framework couvre les domaines plus larges de l'architecture CSS, du stylage basé sur les composants et de la gestion des variantes visuelles et des aides utilitaires globales.