Awesome GitHub RepositoriesCSS Frameworks

This project is a component-based UI framework and a React Material Design library. It provides a comprehensive set of reusable interface elements that implement Google Material Design specifications to ensure consistent visual styles and behaviors across web applications. The framework enables the construction of professional layouts for enterprise web interfaces and the rapid prototyping of frontend designs. It uses a collection of pre-designed React components to standardize layouts and accelerate the overall development process. The system integrates a styling engine and theme-based inje

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

Materialize is a Material Design CSS framework and component library. It provides a collection of reusable visual elements and styles used to build web page designs that follow the Material Design specification. The project includes a responsive web layout engine to create adaptive user interfaces. This system automatically adjusts structure and spacing based on screen size to ensure consistency across different devices. The framework covers frontend UI prototyping and general CSS integration, utilizing a grid system and pre-styled components to assemble functional website layouts.

Material Design Lite is a Material Design UI library and CSS design system. It serves as a front-end component framework providing a collection of HTML, CSS, and JavaScript components that implement the Material Design visual language for web applications. The project enables the implementation of Material Design components and a standardized design language to maintain a consistent look and feel across user interfaces. It supports frontend UI development and responsive web styling through pre-built components. The library facilitates rapid web prototyping by providing pre-styled components

NES.css is an 8-bit CSS framework and styling system that transforms standard HTML elements into pixelated interfaces inspired by classic gaming consoles. It serves as a retro UI component library and toolkit for rendering text, borders, and icons with a blocky aesthetic. The framework uses pure CSS to emulate 8-bit graphics without relying on external images or JavaScript rendering. It implements pixel-art border simulations and integrates pixel-style web fonts to maintain a consistent gaming aesthetic across different browsers. The system provides a suite of game-themed interface elements,

This project is a framework-agnostic UI library and a collection of modular web components based on the Material Design visual system. It provides a comprehensive set of interactive interface elements and a responsive web grid system for organizing page content. The library utilizes a design token theme engine to apply consistent typography, colors, and visual styles across an interface. It separates behavioral logic from rendering to ensure that components remain compatible across different JavaScript environments. The system covers responsive layout design and web form interface developmen

Bootswatch is a collection of pre-designed CSS themes and visual skins for the Bootstrap framework. It provides a set of stylesheets and tools to change the appearance of a website by replacing default styles with curated visual identities. The project includes a theme customizer for modifying colors, fonts, and structural style variables. It also provides a JSON API that allows external platforms to fetch theme settings and values for programmatic integration of visual styles. The system manages styling through a combination of pre-compiled static stylesheets and SASS-based compilation. It

This project is a comprehensive collection of type-safe SVG icon libraries bundled into a single, consistent component-based delivery system. It functions as a multi-pack aggregator that provides a library of scalable vector graphics as components with a unified API for styling and rendering. The library integrates numerous popular open-source SVG icon sets into a single component interface, allowing users to access and render a wide variety of iconography within one dependency. It includes native type definitions to ensure property validation and enable development autocomplete. The system

Spectre is a comprehensive CSS framework and UI utility toolkit designed for building responsive web interfaces. It functions as a CSS component library that provides pre-styled interface elements and helper classes to facilitate frontend UI development. The framework is distinguished by a pure-CSS component architecture that avoids dependence on external JavaScript runtimes. It utilizes a SASS-based build pipeline that supports class prefixing, stylesheet pruning, and a variable-based theme system for creating custom design systems. The project covers a wide range of layout and interface ca

98.css is a CSS retro UI framework and component library designed to recreate the visual aesthetic of legacy desktop operating systems. It serves as a retro design system and web UI emulator, providing a collection of styles to build faithful reproductions of vintage user interfaces. The framework employs a CSS-only component architecture to emulate classic software environments. It uses border-shadow emulation and state-based visual transitions to simulate physical button presses and three-dimensional panels without requiring external JavaScript logic. The library covers a wide range of int

List of awesome CSS frameworks in 2026

RemixIcon ist eine Open-Source-Icon-Bibliothek, die eine umfassende Sammlung neutraler Vektor-Icons als SVG-Assets und Web-Fonts für digitale Interfaces bereitstellt. Das Projekt liefert skalierbare Vektorgrafiken als SVG-Icon-Set und Web-Font-Icon-Bibliothek zur Integration in Web- und Mobile-Designs. Die Bibliothek wahrt eine konsistente visuelle Sprache, indem sie jedes Symbol sowohl in umrissener als auch in gefüllter Form bereitstellt. Sie enthält eine dedizierte Symbolbibliothek für Figma, um die direkte Platzierung von Assets auf Design-Canvases zu ermöglichen. Das Projekt deckt die Asset-Bereitstellung durch direktes SVG-Embedding, Sprite-Sheets und Webfont-Rendering ab. Es bietet zudem eine KI-gestützte Suche in natürlicher Sprache zur Icon-Entdeckung und unterstützt die Modifikation von Symbolen innerhalb von Präsentationssoftware.

Arwes is a sci-fi React UI framework and futuristic component library designed for building web interfaces with cyberpunk aesthetics. It provides a thematic web UI toolkit that combines stylized components with an SVG animation engine to create immersive visual identities. The project distinguishes itself through coordinated animation sequences that control the assembly and disassembly of interface elements. It integrates a sensory feedback system that maps user interaction events to synchronized audio clips and manages dynamic backgrounds to enhance the environmental atmosphere. The framewo

BOOTSTRA.386 is a retro CSS framework and web UI kit designed to implement nostalgic user interfaces that mimic the aesthetic of vintage computer systems and old-school operating systems. It provides a collection of pre-styled components and styling engines to maintain a consistent legacy appearance across different screen sizes. The toolkit includes a customizable theme engine and a web-based interface for modifying visual properties and colors. It also features a responsive grid layout system that organizes web content into columns and rows that adapt to various device dimensions. The proj

Basscss is a lightweight CSS utility toolkit built on an atomic, single-purpose class architecture. Each class performs exactly one visual function, enabling immutable, side-effect-free styling where no class ever overrides or conflicts with another. The system provides a predefined spacing scale, responsive breakpoint prefixes for conditional styling across device widths, and accessible visibility control that keeps content programmatically available to assistive technologies. The framework distinguishes itself through a float-based grid system that constructs layouts using floated percentag

Gutenberg ist ein CSS-Print-Formatierungs-Framework und eine Web-zu-PDF-Layout-Engine. Es bietet ein System zur Verwaltung von Stylesheets, Element-Sichtbarkeit und strukturellen Layout-Regeln, um sicherzustellen, dass Webinhalte eine konsistente visuelle Struktur beibehalten, wenn sie in physische Dokumente oder PDF-Dateien konvertiert werden. Das Projekt verwaltet das druckspezifische Rendering durch einen Stylesheet-Manager, der unwesentliche Schnittstellenelemente herausfiltert und die automatische Erweiterung von URLs verhindert. Es enthält Dienstprogramme, um das Rendern von Hintergrundfarben und Bildern zu erzwingen, die Browser während des Druckvorgangs normalerweise entfernen. Das Framework deckt die Layout-Optimierung durch das Mapping von Seitenumbruch-Eigenschaften und die Anwendung von Formatierungseinschränkungen ab, die an Standard-Seitenabmessungen ausgerichtet sind. Diese Fähigkeiten ermöglichen die Kontrolle erzwungener Seitenumbrüche und verhindern das Zerschneiden von Inhalten über gedruckte Blätter hinweg.

MUI ist ein leichtgewichtiges CSS-Framework, das Material-Design-Visual- und Interaktionsrichtlinien für Web-Interfaces implementiert. Es bietet eine Suite von Tools für das Erstellen von Interfaces durch ein responsives CSS-Grid-System und eine Reihe von Komponenten, die auf standardisierten visuellen Mustern basieren. Die Bibliothek enthält eine anpassbare CSS-Theme-Engine und eine spezialisierte HTML-E-Mail-Styling-Bibliothek. Diese Tools ermöglichen die Modifikation von Standardpaletten und visuellen Styles, um ein Interface an eine spezifische Markenidentität anzupassen, während gleichzeitig ein konsistentes Rendering von E-Mail-Templates über verschiedene E-Mail-Clients hinweg sichergestellt wird. Das Framework deckt eine breite Funktionsfläche ab, einschließlich responsiver Layout-Systeme für verschiedene Bildschirmgrößen und ein Klassen-basiertes Komponentensystem für schnelles UI-Konstruieren. Es nutzt CSS-Variablen für visuelle Theme-Updates in Echtzeit und bietet spezialisierte Style-Overrides für restriktive E-Mail-Rendering-Engines.

Sakura is a classless CSS framework and minimalist web theme that provides layout and component styles for plain HTML elements. It functions as a responsive dark mode theme, applying modern typography and spacing without requiring utility classes. The project serves as a CSS user style sheet that can be injected into external websites via bookmarklets or scripts to improve readability and modernize the visual standards of third-party pages. The framework includes a system for custom theme configuration through color and typography variables, automatic dark mode support based on system media

new.css ist ein klassenloses CSS-Framework, das semantische HTML-Elemente automatisch stylt. Es bietet ein modernes visuelles Design für Websites durch die Anwendung von Regeln direkt auf Standard-HTML-Tags, wodurch die Notwendigkeit für manuelle Klassennamen-Zuweisungen entfällt. Das Projekt enthält eine CSS-Theme-Engine und vordefinierte ästhetische Skins, wie einen kontrastreichen Dark-Mode und eine Oberfläche im Terminal-Stil mit Monospace-Schriftarten und Farbschemata im Command-Line-Stil. Diese visuellen Identitäten werden über CSS-Variablen verwaltet, was die Anpassung der Palette und den Wechsel zwischen Themes ermöglicht. Das Framework deckt eine Reihe visueller Funktionen ab, einschließlich responsiver, flüssiger Typografie und technischer Textformatierung für Codeblöcke und Tastatureingaben. Es bietet zudem Styling für interaktive Disclosure-Widgets, um aufklappbare Inhaltsbereiche ohne die Verwendung von JavaScript zu erstellen.