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 وخطوط ويب للواجهات الرقمية. يقدم المشروع رسومات متجهة قابلة للتوسع كمجموعة أيقونات SVG ومكتبة أيقونات خط ويب للدمج في تصميمات الويب والهواتف المحمولة. تحافظ المكتبة على لغة مرئية متسقة من خلال توفير كل رمز في نمطي المخطط والمملوء. تتضمن مكتبة رموز مخصصة لـ Figma للسماح بالوضع المباشر للأصول على لوحات التصميم. يغطي المشروع تسليم الأصول من خلال تضمين SVG المباشر، وأوراق الـ sprite، وعرض خطوط الويب. كما يتميز ببحث باللغة الطبيعية مدعوم بالذكاء الاصطناعي لاكتشاف الأيقونات ويدعم تعديل الرموز داخل برامج العرض.

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 is a CSS print formatting framework and web-to-PDF layout engine. It provides a system for managing stylesheets, element visibility, and structural layout rules to ensure web content maintains a consistent visual structure when converted to physical documents or PDF files. The project manages print-specific rendering through a stylesheet manager that filters out non-essential interface elements and prevents the automatic expansion of URLs. It includes utilities to enforce the rendering of background colors and images, which browsers typically strip during the printing process. The

MUI هو إطار عمل CSS خفيف الوزن ينفذ إرشادات Material Design البصرية والتفاعلية لواجهات الويب. يوفر مجموعة من الأدوات لبناء الواجهات من خلال نظام شبكة CSS سريع الاستجابة ومجموعة من المكونات القائمة على أنماط بصرية موحدة. تتضمن المكتبة محرك سمات CSS قابلاً للتخصيص ومكتبة تصميم بريد إلكتروني HTML متخصصة. تسمح هذه الأدوات بتعديل اللوحات والأنماط البصرية الافتراضية لتتوافق الواجهة مع هوية علامة تجارية معينة، مع ضمان عرض متسق لقوالب البريد الإلكتروني عبر عملاء البريد الإلكتروني المختلفين. يغطي إطار العمل سطح قدرة واسع بما في ذلك أنظمة التخطيط سريعة الاستجابة لأحجام الشاشات المختلفة ونظام مكونات قائم على الفئات لبناء واجهة المستخدم السريع. يستخدم متغيرات CSS لتحديثات السمات البصرية في الوقت الفعلي ويوفر تجاوزات نمط متخصصة لمحركات عرض البريد الإلكتروني المقيدة.

Sakura هو إطار عمل CSS بدون فئات وسمة ويب بسيطة توفر أنماط تخطيط ومكونات لعناصر HTML العادية. يعمل كسمة وضع مظلم متجاوبة، حيث يطبق طباعة وتباعداً حديثين دون الحاجة إلى فئات مساعدة. يعمل المشروع كملف نمط مستخدم CSS يمكن حقنه في مواقع الويب الخارجية عبر الإشارات المرجعية أو النصوص البرمجية لتحسين القراءة وتحديث المعايير المرئية لصفحات الطرف الثالث. يتضمن إطار العمل نظاماً لتكوين السمة المخصصة من خلال متغيرات الألوان والطباعة، ودعم الوضع المظلم التلقائي بناءً على تفضيلات وسائط النظام، وتصميم متسق لمدخلات النموذج.

new.css is a classless CSS framework that styles semantic HTML elements automatically. It provides a modern visual design for websites by applying rules directly to standard HTML tags, removing the requirement for manual class name assignments. The project includes a CSS theme engine and predefined aesthetic skins, such as a high-contrast dark mode and a terminal-style interface featuring monospace typefaces and command-line color schemes. These visual identities are managed through CSS variables, allowing for palette customization and theme switching. The framework covers a range of visual