Awesome GitHub RepositoriesCSS Build Plugins

Tailwind CSS is a utility-first CSS framework and design system framework used to build custom user interfaces. It provides a set of low-level utility classes that are applied directly in HTML, allowing for the creation of custom web designs without writing traditional custom CSS files. The framework functions as a PostCSS plugin and a responsive web design tool. It utilizes a mobile-first system of modifiers to create layouts that adapt to different screen sizes and establishes consistent visual languages through a centralized configuration of colors, spacing, and typography. The system sup

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

This project is a styling library and framework designed for component-based architectures, enabling developers to define and manage visual styles directly within JavaScript or TypeScript. It functions as a styling engine that generates unique class names from style definitions, ensuring encapsulated, predictable, and maintainable visual presentation across applications. By integrating with component logic, it allows for the creation of reusable UI elements with styles defined through template literals or object syntax. The library distinguishes itself through a comprehensive suite of build-t

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

Lost est un système de grille CSS et un plugin PostCSS conçu pour définir les largeurs et positions des colonnes en utilisant des calculs mathématiques pour des designs d'écran responsifs. Il fonctionne comme un outil de build qui traite les règles de grille personnalisées en mises en page CSS compatibles avec les navigateurs. Le framework transforme les déclarations de mise en page non standard en propriétés natives CSS Grid et Flexbox. Il utilise un pipeline basé sur PostCSS pour calculer les coordonnées exactes et les largeurs de colonnes, garantissant que les styles résultants sont compatibles avec les navigateurs web standards. Le projet opère comme une couche middleware agnostique aux préprocesseurs, lui permettant de traiter des styles indépendamment du fait que la source soit du CSS brut, Sass ou Less. Il automatise la génération de structures de grille responsives qui ajustent les tailles et positions des éléments en fonction des dimensions de l'écran.