Open-source alternatives to MaterialDesignInXamlToolkit

MahApps.Metro is a WPF UI framework and control library designed for building modern desktop applications using Windows Presentation Foundation. It serves as a XAML styling toolkit and desktop UI kit that provides a collection of stylized controls and window templates to replace the default appearance of standard Windows desktop components. The framework enables the development of professional desktop interfaces through the use of pre-designed layout patterns, vector icons, and custom window framing. It provides project templates to bootstrap the UI development process and facilitate rapid ap

HandyControl is a desktop UI framework and component library designed for building Windows desktop software. It provides a collection of pre-styled and themed user interface controls for applications developed using the Windows Presentation Foundation framework. The project serves as a XAML style library, offering reusable resources and templates that define the visual appearance of common interface elements. It enables the creation of consistent layouts and modern visual themes across Windows applications by providing ready-made components that reduce the need for custom styling and boilerpl

wpftoolkit is a UI component library and development toolset for building Windows desktop applications. It provides a collection of pre-built input controls, layout panels, and specialized components designed to extend standard interface capabilities. The project includes a data visualization toolkit for rendering complex datasets via charts, gauges, and three-dimensional views. It also features a window management framework for organizing application structures through docking layouts, wizard flows, and container controls, alongside a visual theme engine for managing the appearance of interf

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

React Toolbox is a Material Design React component library and cross-platform UI kit. It provides a set of pre-styled user interface components that implement the Material Design specification to ensure consistent layouts and interaction patterns. The library utilizes a CSS Modules styling framework to provide scoped design variables and theme overrides. This approach allows for global theming and fine-grained visual adjustments through a variable-based theme engine and custom property style overrides. The project supports server-side rendering, enabling components to generate HTML on the ba

MaterialViewPager is a library that creates a scrollable, swipeable interface with an animated header image, toolbar, and logo following Material Design guidelines. It provides a complete implementation of a Material Design ViewPager, where the header background color and image animate as the user swipes between pages. The library coordinates scroll-driven header animations by synchronising scroll offsets from the ViewPager and attached scrollable views through a central coordinator. It supports fragment-based page composition, allowing each page to have independent content layouts while shar

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

Vue Material is a comprehensive UI toolkit and framework for Vue.js that implements the Material Design specification. It provides a suite of pre-built, themed components designed to create consistent and responsive web applications. The library features dynamic theme support for runtime color scheme changes and automatic accessibility contrast management. It is designed for compatibility with server-side rendering to improve initial load times and search engine optimization, and it includes internationalization support for locale translation and text direction adjustments. The toolkit cover

Material Web is a framework-agnostic library of reusable user interface components built on native browser standards. It provides a collection of interactive elements that follow official design system specifications, enabling the creation of consistent and accessible interfaces across diverse web applications. The library utilizes custom elements and shadow DOM to ensure style encapsulation and component logic isolation. By leveraging native browser APIs, it maintains design integrity and functional consistency across all major web browsers and varying screen sizes. The project supports ent

Nord is a color palette design system and standardized color reference providing curated blue-toned palettes for user interfaces, design software, and environment themes. It defines a UI color scheme consisting of dimmed pastel palettes intended for flat, minimalist aesthetics. The system functions as a cross-platform theme specification to unify the appearance of code editors, shell terminals, and operating system environments. It includes importable color swatches compatible with native formats for use in professional design tools. The project covers cross-application visual standardizatio

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

Angular Material is an accessible web component library and UI framework designed for building single-page applications within the Angular ecosystem. It provides a collection of pre-built user interface elements that implement the Material Design specification to ensure a consistent look and feel across different devices. The project functions as a cross-platform design system, offering a unified set of motion and interaction patterns. It focuses on delivering a standardized system of visual and behavioral specifications that adapt to various screen sizes. The library covers a broad range of

This project is a cross-platform mobile UI framework and component library for building native interfaces. It provides a suite of pre-built interface controls and a scalable design system to ensure a uniform visual language across mobile screens. The library is centered on a theme-based system that uses a centralized configuration object to manage colors, spacing, and typography. This configuration propagates through the component tree, allowing developers to customize the global theme or apply local style overrides to individual elements. The framework includes a collection of reusable Mate

This project provides a set of Android Material Design widgets, including floating action buttons and floating action menu components. These elements highlight primary screen actions through customizable sizing, shadow effects, and Jetpack Compose UI components. The library includes a circular progress button that embeds a loading spinner to signal background task processing. Its menu components organize expanding buttons with labels and background dimming to provide quick access to multiple primary application actions.

This is a Material Design iOS UI library providing a collection of modular user interface components for iOS. It functions as a Swift UI component framework and a cross-platform design system to ensure consistent visual and functional experiences across different operating systems. The project enables the integration of Material Design guidelines into iOS applications through a modular component architecture. This allows for the assembly of complex app screens using a library of pre-made interface elements. The framework covers general iOS UI development and the implementation of standardize

This project is a native Android widget toolkit that provides a collection of standardized interface elements for mobile application development. It serves as a comprehensive implementation of the Material Design language, offering ready-to-use widgets and layouts designed to ensure consistent visual and interactive patterns across an application. The library distinguishes itself by integrating directly with the platform view system, allowing developers to maintain a uniform look and feel across different screens. It utilizes a centralized theme object to resolve visual properties and support

React Native Paper is a cross-platform UI framework that provides a comprehensive suite of pre-built components based on Material Design specifications. It serves as a library for building consistent mobile interfaces by mapping high-level design elements to native platform primitives, ensuring a unified visual language across different operating systems. The library distinguishes itself through a global context provider that manages theme injection and portal-based overlay rendering for elements like modals and tooltips. Developers can apply custom brand identities by overriding default desi

CheeseSquare is an Android UI component gallery and reference application. It serves as a practical demonstration of Material Design components and layout patterns implemented on the Android platform. The project showcases the use of standardized library elements, including collapsing toolbars, floating action buttons, and navigation drawers. It provides a live environment for prototyping Android components to ensure design consistency across different device screens. The application focuses on the implementation of Android design guidelines and mobile user experience standardization through

Microsoft UI XAML is a XAML UI framework and Windows desktop UI toolkit used for building native desktop user interfaces. It functions as a cross-version Windows UI library that adapts modern interface features to remain compatible across different versions of the operating system. The project includes a low-level composition engine for creating high-performance animations, lighting effects, and translucent window materials. It provides a system for native desktop interface construction using a consistent design system for layouts and interactions. Capability areas cover interactive map rend

MaterialDesignLibrary is an Android Material Design UI library and cross-version framework. It provides a collection of pre-built interface controls and a compatibility layer that enables modern design patterns on older Android devices starting from version 2.2. The project focuses on bringing updated design standards to legacy Android versions to ensure a consistent user experience. This is achieved through a compatibility layer that implements modern interface elements without sacrificing visual quality on outdated operating system releases. The library includes a variety of functional com

This project is a CSS color utility library and palette framework designed to standardize the application of colors to text, backgrounds, and borders on the web. It provides a web color style system with predefined classes and defaults to accelerate the visual styling of web prototypes. The system utilizes skin-based color theming, allowing users to swap entire color palettes by changing top-level classes. It employs a utility class system backed by global CSS variable mapping to ensure visual harmony across different UI elements. The framework supports rapid UI prototyping and general web c

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 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 cross-platform mobile user interface framework that provides a collection of pre-built components for applications developed with JavaScript. It functions as a standardized design system, enabling developers to implement professional visual interfaces and interactive elements that adhere to Google Material Design specifications. The library facilitates consistent visual styling across iOS and Android by utilizing a centralized object-based system to map design tokens to native view properties. By offering a set of reusable building blocks, it allows for the rapid assembly of

Grade is a JavaScript library for image color analysis and dynamic theme generation. It extracts the most prominent colors from an image to automatically generate complementary CSS gradients and coordinated color palettes for web interfaces. The tool identifies dominant colors using pixel-data analysis and applies mathematical offsets to determine matching hues. It can inject these calculated values directly into the document as CSS custom properties or export the gradient data as a raw array for custom visual implementation.

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

A library to bring fully animated Material Design components to pre-Lolipop Android.