2 Repos
Component libraries built on top of utility-first CSS frameworks.
Distinguishing note: Focuses on the integration of utility classes within component libraries.
Explore 2 awesome GitHub repositories matching web development · Utility-First Component Libraries. Refine with filters or upvote what's useful.
This project is a utility-first component library that provides a comprehensive suite of pre-styled, reusable interface elements. It functions as a build-time engine that generates design-system-compliant styles by mapping semantic tokens to standard HTML elements and utility classes. By compiling all component styles into static CSS at build time, the library eliminates the need for client-side style calculation, ensuring efficient performance. The library distinguishes itself through a configuration-driven architecture that manages color palettes and visual styles, enabling dynamic switchin
Maintains consistent design patterns across web projects using atomic CSS classes.
rscss ist ein CSS-Architektur-Framework und eine Design-System-Spezifikation zur Organisation von Stylesheets. Es bietet eine Methodik zur Definition wiederverwendbarer Komponenten und deren Kindelemente durch einen konsistenten Namensstandard und komponentenbasierte Dateipartitionierung. Das System betont eine flache Verschachtelungshierarchie, um Spezifitätskonflikte und tiefe Selektor-Verschachtelungen zu vermeiden. Es nutzt ein visuelles Variantenmuster, das Erscheinungsbild-Variationen auf Komponenten über präfixierte Klassen anwendet, sowie eine Utility-Klassen-Spezifikation zur Implementierung globaler Hilfsklassen für Layout-Anpassungen. Das Framework deckt die breiteren Bereiche der CSS-Architektur, komponentenbasiertes Styling sowie das Management visueller Varianten und globaler Utility-Helfer ab.
Provides dedicated prefix-based classes for standalone layout adjustments that apply independently across components.