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 es un sistema de rejilla (grid) CSS y plugin de PostCSS diseñado para definir anchos y posiciones de columnas utilizando cálculos matemáticos para diseños de pantalla responsivos. Funciona como una herramienta de tiempo de compilación que procesa reglas de rejilla personalizadas en diseños CSS compatibles con navegadores. El framework transforma declaraciones de diseño no estándar en propiedades nativas de CSS Grid y Flexbox. Utiliza un pipeline basado en PostCSS para calcular coordenadas exactas y anchos de columna, asegurando que los estilos resultantes sean compatibles con los navegadores web estándar. El proyecto opera como una capa de middleware agnóstica al preprocesador, permitiendo procesar estilos independientemente de si la fuente es CSS plano, Sass o Less. Automatiza la generación de estructuras de rejilla responsivas que ajustan los tamaños y posiciones de los elementos según las dimensiones de la pantalla.