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 ist ein CSS-Grid-System und PostCSS-Plugin, das darauf ausgelegt ist, Spaltenbreiten und -positionen mithilfe mathematischer Berechnungen für responsive Screen-Designs zu definieren. Es fungiert als Build-Time-Tool, das benutzerdefinierte Grid-Regeln in browserkompatible CSS-Layouts verarbeitet. Das Framework transformiert nicht standardisierte Layout-Deklarationen in native CSS-Grid- und Flexbox-Eigenschaften. Es verwendet eine PostCSS-basierte Pipeline, um exakte Koordinaten und Spaltenbreiten zu berechnen, wodurch sichergestellt wird, dass die resultierenden Styles mit Standard-Webbrowsern kompatibel sind. Das Projekt arbeitet als preprocessor-agnostische Middleware-Schicht, die es ermöglicht, Styles unabhängig davon zu verarbeiten, ob die Quelle reines CSS, Sass oder Less ist. Es automatisiert die Generierung responsiver Grid-Strukturen, die Elementgrößen und -positionen basierend auf Bildschirmabmessungen anpassen.