Open-source alternatives to Material Web

Web Components is a set of specifications for creating reusable custom elements with encapsulated styling and logic for the web. It provides a standard for defining new HTML tags that function as independent components across different browser engines. The system is built on three primary pillars: the Custom Elements standard for defining new tags, the Shadow DOM implementation for isolating internal document structures and styles, and the HTML Templates specification for defining reusable fragments of markup that remain inert until instantiated. These capabilities enable modular web design

FAST is a web components framework and declarative UI library used to build adaptive user interfaces. It functions as a server-side rendering engine and design system implementation, enabling the creation of modular components based on web standards. The framework focuses on cross-framework component compatibility, allowing user interface elements to remain functional across different front-end frameworks and modern browsers. It implements a design language through a collection of pre-defined visual components to ensure consistency across professional applications. The system covers state-dr

This project is a design system toolkit and component library that provides a framework-agnostic approach to building web interfaces. It centers on an HTML-first development model, utilizing standard markup and utility-based CSS classes to construct consistent, responsive layouts. The library is built upon the UIkit 3 framework, allowing for the integration of pre-styled interface elements while maintaining control over the underlying markup structure. It further extends these capabilities through web component encapsulation, using custom elements to provide modular and isolated interface log

Fluent UI is a design system framework and TypeScript UI toolkit providing a comprehensive set of styles and accessibility guidelines. It functions as a React UI component library and a web component library, offering a collection of pre-styled elements and layout utilities to create a cohesive visual experience across web platforms. The project translates a brand design language into a functional library of reusable components, ensuring cross-product visual consistency. It enables the implementation of design systems for enterprise web applications through the use of standardized visual and

Wired Elements is a hand-drawn web component library and custom element UI kit. It provides a set of low-fidelity visual building blocks designed to produce a rough, non-polished aesthetic for early-stage design iterations. The framework enables the creation of rapid UI prototypes, low-fidelity wireframes, and conceptual UX mappings. It uses a sketched appearance to help focus iterations on layout and functionality rather than final visual polish. The library utilizes SVG-based path rendering and web component encapsulation to deliver its hand-drawn style. Visual states are managed through e

Qiankun is a micro-frontend orchestration framework designed to compose multiple independent web applications into a single, unified interface. It functions as a JavaScript library that manages the lifecycle of autonomous applications, allowing them to coexist within a shared browser environment while maintaining their independence. The framework enables cross-framework integration, allowing developers to combine applications built with different technologies into one cohesive system. It provides a runtime sandbox that isolates global variables and prevents style conflicts between application

This project is a Material Design UI library and cross-platform mobile component kit. It provides a set of pre-styled user interface components and a layout framework designed to ensure a consistent visual experience across different mobile devices. The library includes a mobile theme management system for defining and updating global color palettes and styling rules across an application interface. It implements standardized layout patterns and spacing rules to maintain a clean and consistent design. The toolkit covers the construction of mobile forms and interfaces using elements such as b

This project is a Material Design XAML library and UI framework for building Windows desktop applications. It provides a collection of components and styles used to implement Material Design interfaces within WPF applications. The toolkit functions as a XAML styling toolkit that provides reusable styles and color swatches. This allows for the maintenance of a unified visual identity and the application of standardized primary and secondary color palettes across .NET desktop screens. The framework covers WPF UI development and XAML interface styling, facilitating the implementation of Materia

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

Vuesax is a frontend framework and UI component library for Vue.js applications. It provides a customizable design system and a set of pre-styled user interface elements designed to accelerate the development of web interfaces. The project is distinguished by a themeable visual toolkit that supports dynamic color updates and server-side style customization to maintain brand identity. It also features a specialized data table component with built-in support for inline cell editing and server-side processing for pagination, filtering, and sorting. The library covers a broad surface of UI capab

Fomantic-UI is a component-based CSS library and frontend design system used to build consistent, responsive user interfaces. It functions as a CSS framework and responsive UI toolkit, providing a structured approach to managing typography, color palettes, and spacing. The project enables the development of custom UI components and the implementation of unified design systems across web applications. It provides a variable-driven theme compilation process to customize visual styles and a build-time system to compile selected components into production CSS bundles. The toolkit covers a broad

Material UI is a comprehensive component-based library designed to accelerate the construction of professional, accessible web interfaces. It provides a centralized design system framework that manages visual tokens, typography, and color palettes to ensure consistent branding and layout constraints across complex application architectures. By encapsulating behavioral and accessibility logic within modular primitives, the library enables developers to build inclusive user experiences that adhere to rigorous design standards. The project distinguishes itself through a zero-runtime styling engi

MUI is a lightweight CSS framework that implements Material Design visual and interaction guidelines for web interfaces. It provides a suite of tools for building interfaces through a responsive CSS grid system and a set of components based on standardized visual patterns. The library includes a customizable CSS theme engine and a specialized HTML email styling library. These tools allow for the modification of default palettes and visual styles to align an interface with a specific brand identity, while ensuring consistent rendering of email templates across different email clients. The fra

This project is a React-based administrative template and UI kit designed for building dashboards. It provides a comprehensive collection of pre-styled layouts, an accessible component library, and a Sass-based UI framework for creating administrative interfaces. The template is specifically structured as an AI-optimized project, utilizing coding patterns and organization designed to help AI assistants generate consistent, production-ready React code. It features a flexible styling system using Sass variables and CSS custom properties to support customizable light and dark themes. The kit co

JFoenix is a JavaFX Material Design library and UI component suite. It provides a collection of pre-built desktop interface elements and a framework for implementing standardized design patterns and layout rules. The project functions as a Java GUI component library for desktop application styling. It enables the development of JavaFX interfaces that follow Material Design visual guidelines to ensure a consistent look and feel across applications.

This is a comprehensive library of code examples and reference implementations for building cross-platform user interfaces with Flutter. The project provides a collection of demo applications and guides designed to illustrate the implementation of design patterns, animation techniques, and testing workflows. The repository features specific demonstrations for native integration, including examples of embedding modules into existing native applications, using platform channels, and bridging native code with the framework. It also serves as an animation reference, providing implementations for

KittenTricks is a cross-platform mobile starter kit and UI library for building applications for iOS and Android. It provides a foundational set of production-ready, accessible components and pre-built screens to accelerate the bootstrapping of mobile interfaces. The project features a dynamic mobile theming system that allows for the management and switching of light and dark color schemes at runtime. This framework enables real-time updates to the visual appearance of the interface without requiring an application restart. The library implements a comprehensive design system to ensure visu

Astrowind is a high-performance site framework and bootstrapping tool designed for building marketing sites, professional portfolios, and high-conversion landing pages. It utilizes a utility-first CSS architecture and a component-based UI library to assemble responsive websites. The project specializes in conversion rate optimization through targeted templates for lead generation, product sales, subscription captures, and pre-launch teasers. It includes specific infrastructure for static blogging, utilizing markdown-based content modeling and rendering for long-form articles. The framework c

Metro UI is a progressive front-end framework for building reactive single-page applications with a Metro-style design language. It provides a component-based UI library with over 150 prebuilt interface elements, a reactive state model that automatically updates the DOM when application data changes, and a responsive grid layout system for mobile-first web development. The framework uses an HTML-first approach where interactive interfaces are assembled by adding custom HTML attributes to elements, eliminating the need for manual JavaScript glue code. It includes a hash-based SPA router for na

Bootflat is a front-end component library and CSS framework extension that implements a flat-design aesthetic for web application styling. It provides a set of reusable interface elements and a mobile-first grid system to facilitate responsive web design. The project integrates design and development through a PSD-driven workflow, providing professional Photoshop component sets and curated color palettes for interface prototyping. Visual customization is handled via variable-based theme overrides for colors and fonts. The library covers a broad range of UI components, including form elements

MudBlazor is a Material Design component library and web UI kit for Blazor applications. It provides a collection of pre-styled, reusable interface elements and layout components based on Material Design guidelines. The library enables the development of responsive web frontends and professional user interfaces entirely within the .NET ecosystem. It covers the construction of enterprise dashboards, data-heavy administrative panels, and functional prototypes. The framework utilizes a system of CSS-variable theming and a block element modifier naming convention to manage styles. Component logi

This project is a CSS design system framework and modular library providing a standardized set of UI component stylesheets. It establishes a unified system of visual guidelines to ensure a consistent and professional look and feel across web interfaces. The framework is organized as a collection of standalone stylesheets that can be imported individually to minimize bundle size and eliminate unused styles. It utilizes a design token system based on CSS variables to manage theming and a utility-first class system for layout and spacing. The system employs a block element modifier naming conve

The United States Web Design System is a government design system and accessible UI framework. It provides a collection of standardized CSS and JavaScript components, along with a CSS component library, specifically designed for building consistent federal government websites. The system allows for custom CSS theme development through the use of design tokens for colors, spacing, and typography. Users can customize visual themes and compile custom styles to maintain a unified brand identity across multiple web properties. The framework covers responsive interface design and web accessibility

Stencil is a compiler used for authoring web component libraries and developing framework-agnostic user interface elements. It transforms TypeScript and JSX source code into standard custom elements that operate natively in the browser. The project enables the implementation of design systems and enterprise component systems by sharing a single codebase across different JavaScript frameworks. It generates specific adapter layers that allow these custom elements to be used as native components in React, Angular, and Vue. The toolset incorporates ahead-of-time compilation to minimize bundle si

Keen-UI is a Vue.js UI component library and Material Design framework. It provides a collection of reusable interface elements designed for building web applications that follow Material Design specifications for layout, spacing, and color. The library is a tree-shakeable component set, allowing the import of standalone components to minimize final bundle sizes. It functions as a customizable design system where visual attributes, such as colors and sizes, can be adjusted to match specific brand identities. The framework covers a range of UI components, including inline alert messages for i

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

This project is a Material Design UI library and Angular component framework. It provides a collection of reusable UI building blocks and development tools for creating consistent web applications that follow Material Design specifications. The framework includes an accessible web component library that uses headless directives and WAI-ARIA patterns to ensure user interface elements meet web accessibility standards. It also provides specialized integration wrappers for embedding and managing interactive Google Maps and YouTube video playback. The project supports custom UI component developm