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 是一个开源图标库，为数字界面提供了一系列中性矢量图标，可用作 SVG 资产和 Web 字体。该项目提供可缩放矢量图形作为 SVG 图标集，以及用于集成到 Web 和移动设计中的 Web 字体图标库。 该库通过提供轮廓和填充两种样式的每个符号来保持一致的视觉语言。它包括一个专用的 Figma 符号库，允许将资产直接放置到设计画布上。 该项目涵盖了通过直接 SVG 嵌入、雪碧图（sprite sheets）和 Web 字体渲染进行的资产交付。它还具有用于图标发现的 AI 驱动自然语言搜索，并支持在演示软件中修改符号。

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 是一个 CSS 打印格式化框架和 Web 转 PDF 布局引擎。它提供了一个用于管理样式表、元素可见性和结构布局规则的系统，以确保 Web 内容在转换为物理文档或 PDF 文件时保持一致的视觉结构。 该项目通过样式表管理器管理打印特定的渲染，该管理器过滤掉非必要的界面元素并防止 URL 的自动展开。它包含强制渲染背景颜色和图片的工具，这些内容通常在打印过程中会被浏览器剥离。 该框架通过分页符属性映射和应用与标准物理页面尺寸对齐的格式约束来涵盖布局优化。这些能力允许控制强制分页，并防止内容在打印纸张之间被分割。

MUI 是一个轻量级 CSS 框架，为 Web 界面实现了 Material Design 视觉和交互指南。它提供了一套工具，用于通过响应式 CSS 网格系统和一组基于标准化视觉模式的组件来构建界面。 该库包括一个可自定义的 CSS 主题引擎和一个专门的 HTML 电子邮件样式库。这些工具允许修改默认调色板和视觉样式，以使界面与特定品牌标识保持一致，同时确保电子邮件模板在不同电子邮件客户端中的一致渲染。 该框架涵盖了广泛的功能面，包括用于各种屏幕尺寸的响应式布局系统和用于快速 UI 构建的基于类的组件系统。它利用 CSS 变量进行实时视觉主题更新，并为限制性电子邮件渲染引擎提供专门的样式覆盖。

Sakura 是一个无类（classless）CSS 框架和极简 Web 主题，为纯 HTML 元素提供布局和组件样式。它作为一个响应式深色模式主题，应用现代排版和间距，而无需实用类。 该项目作为一个 CSS 用户样式表，可以通过书签或脚本注入到外部网站，以提高可读性并使第三方页面的视觉标准现代化。 该框架包括一个通过颜色和排版变量进行自定义主题配置的系统、基于系统媒体偏好的自动深色模式支持，以及表单输入的一致样式。

new.css 是一个无类（classless）CSS 框架，可自动为语义化 HTML 元素添加样式。它通过直接将规则应用于标准 HTML 标签，为网站提供现代化的视觉设计，无需手动分配类名。 该项目包含一个 CSS 主题引擎和预定义的审美皮肤，例如高对比度深色模式和具有等宽字体及命令行配色方案的终端风格界面。这些视觉标识通过 CSS 变量进行管理，支持调色板自定义和主题切换。 该框架涵盖了一系列视觉功能，包括响应式流式排版以及针对代码块和键盘输入的专业文本格式化。它还为交互式折叠组件提供了样式，无需使用 JavaScript 即可创建可切换的内容区域。