# Angular Material Component Libraries

> Search results for `Angular component library with Material design` on awesome-repositories.com. 92 total matches; showing the first 50.

Explore on the web: https://awesome-repositories.com/q/angular-component-library-with-material-design

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [this search on awesome-repositories.com](https://awesome-repositories.com/q/angular-component-library-with-material-design).**

## Results

- [angular/components](https://awesome-repositories.com/repository/angular-components.md) (25,033 ⭐) — This project is a collection of reusable UI component libraries for the Angular framework. It serves as an accessibility framework and a suite of building blocks for constructing user interfaces.

The library provides a specialized component suite for implementing Material Design visual and interaction specifications. It also includes dedicated integrations for embedding interactive Google Maps with geographic data overlays and integrating YouTube video players with support for deferred loading.

The project covers a broad range of UI development capabilities, including the creation of accessi
- [material-components/material-components-android](https://awesome-repositories.com/repository/material-components-material-components-android.md) (17,164 ⭐) — 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
- [google/material-design-lite](https://awesome-repositories.com/repository/google-material-design-lite.md) (32,181 ⭐) — 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
- [material-components/material-web](https://awesome-repositories.com/repository/material-components-material-web.md) (11,050 ⭐) — 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
- [material-components/material-components-web](https://awesome-repositories.com/repository/material-components-material-components-web.md) (17,071 ⭐) — 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
- [dogfalo/materialize](https://awesome-repositories.com/repository/dogfalo-materialize.md) (38,865 ⭐) — 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.
- [mdbootstrap/mdb-ui-kit](https://awesome-repositories.com/repository/mdbootstrap-mdb-ui-kit.md) (24,256 ⭐) — The mdb-ui-kit is a frontend component library and visual extension that combines the Bootstrap 5 framework with Material Design principles. It provides a collection of pre-styled interface elements and responsive web templates to facilitate the development of consistent web applications.

The toolkit extends the Bootstrap ecosystem by adding Material Design aesthetics and advanced styling options. It enables rapid prototyping through the use of pre-configured design blocks and provides mechanisms for deep visual customization via SCSS variables and native CSS custom properties, including supp
- [rey5137/material](https://awesome-repositories.com/repository/rey5137-material.md) (5,955 ⭐) — A library to bring fully animated Material Design components to pre-Lolipop Android.
- [google/material-design-icons](https://awesome-repositories.com/repository/google-material-design-icons.md) (53,449 ⭐) — This project provides a comprehensive collection of standardized vector symbols designed to maintain a unified visual language across mobile and web-based user interfaces. It serves as a cross-platform resource for developers and designers to implement a consistent iconographic identity within digital products.

The library distinguishes itself through the use of variable font technology, which allows for the dynamic adjustment of icon weight, grade, and optical size directly through style sheet properties. By leveraging native font rendering engines and CSS class-based styling, the collection
- [creativetimofficial/material-kit](https://awesome-repositories.com/repository/creativetimofficial-material-kit.md) (5,926 ⭐) — Material Kit is an open-source UI component library that provides pre-styled Material Design elements for building responsive web interfaces with Bootstrap 5. It offers a collection of reusable components like buttons, inputs, navbars, cards, and modals that follow Google's Material Design guidelines, along with a 12-column flexbox grid system for fluid layouts that adapt to any screen size.

The kit distinguishes itself by including pre-built page sections such as headers, feature blocks, pricing tables, and footers that can be combined into complete page layouts, reducing the time needed to
- [primefaces/primeng](https://awesome-repositories.com/repository/primefaces-primeng.md) (12,510 ⭐) — PrimeNG is a comprehensive collection of reusable interface elements designed for building consistent and interactive web applications within the Angular framework. It functions as an enterprise-grade component suite, providing a standardized design system that enables developers to implement cohesive visual languages and user experiences across complex, data-driven software environments.

The library distinguishes itself through a focus on professional-grade widgets, including advanced data grid and table management tools that support sorting, filtering, pagination, and inline editing. By int
- [material-components/material-components-ios](https://awesome-repositories.com/repository/material-components-material-components-ios.md) (4,775 ⭐) — [In maintenance mode] Modular and customizable Material Design UI components for iOS
- [angular/angular](https://awesome-repositories.com/repository/angular-angular.md) (100,360 ⭐) — Angular is a platform for building web applications using a component-based architecture. It provides a comprehensive suite of tools for managing encapsulated UI units, including hierarchical dependency injection, a declarative template system, and fine-grained reactivity through signals. The framework supports complex application requirements such as client-side routing, form management, and internationalization.

The project includes a command-line interface for scaffolding and build automation, alongside a testing ecosystem for unit and integration verification. It offers multiple rendering
- [angular-ui/bootstrap](https://awesome-repositories.com/repository/angular-ui-bootstrap.md) (14,206 ⭐) — This project is a collection of native directives designed to implement the Bootstrap component framework within Angular applications. It provides a suite of modular interface elements that allow developers to build interactive web components without requiring external JavaScript dependencies.

The library distinguishes itself by using a dependency-free logic layer that relies entirely on native framework primitives. It features a specialized service-based positioning engine to manage the placement of floating overlays and an event-driven system to coordinate the lifecycle of complex UI elemen
- [ng-zorro/ng-zorro-antd](https://awesome-repositories.com/repository/ng-zorro-ng-zorro-antd.md) (9,149 ⭐) — ng-zorro-antd is an Angular UI component library that implements the Ant Design visual language. It provides a collection of pre-built interface elements and professional design system layouts for building web applications.

The library is designed as a themable component framework, offering configuration options to modify the visual styles of interface elements. It also functions as an internationalized UI library with built-in support for translating interface elements into multiple languages.

The project covers enterprise UI development and multilingual interface design. Its capability sur
- [bradtraversy/design-resources-for-developers](https://awesome-repositories.com/repository/bradtraversy-design-resources-for-developers.md) (66,055 ⭐) — This project is a curated resource repository that serves as a comprehensive directory of design assets and development tools. It provides a structured collection of high-quality links intended to help developers discover essential resources for their technical projects and user interface designs.

The directory is distinguished by its community-driven approach, relying on collaborative peer review and external contributions to maintain an up-to-date index of resources. It functions as a frontend development toolkit, offering a categorized list of UI libraries, CSS frameworks, and animation to
- [angular/material](https://awesome-repositories.com/repository/angular-material.md) (16,403 ⭐) — Material Design is a specification for a unified system of visual, motion, and interaction design that adapts across different devices. Our goal is to deliver a lean, lightweight set of AngularJS-native UI elements that implement the material design specification for use in AngularJS single-page…
- [akveo/nebular](https://awesome-repositories.com/repository/akveo-nebular.md) (8,127 ⭐) — Nebular is an Angular UI component library that implements the Eva Design System, providing a comprehensive set of over thirty-five ready-made UI elements with full theming support. The library is built around a design-token-driven architecture where visual properties are compiled into CSS custom properties, enabling global style overrides and consistent branding across applications without modifying component internals.

The framework includes a built-in dark mode system activated by toggling a CSS class on the root element, which triggers pre-defined token overrides across all components. Au
- [ng-bootstrap/ng-bootstrap](https://awesome-repositories.com/repository/ng-bootstrap-ng-bootstrap.md) (8,232 ⭐) — Angular powered Bootstrap
- [mui/material-ui](https://awesome-repositories.com/repository/mui-material-ui.md) (98,459 ⭐) — 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
- [flutter-team-archive/plugins](https://awesome-repositories.com/repository/flutter-team-archive-plugins.md) (17,710 ⭐) — This project is a collection of official plugin packages and a native integration library designed to provide a consistent interface for accessing hardware and software functionality across different mobile and desktop platforms. It serves as a native platform bridge, enabling cross-platform applications to invoke native code and manage operating system dependencies.

The project utilizes a federated plugin architecture, splitting plugins into common interfaces and separate platform implementations to allow for independent development and extension. It further supports native integration throu
- [mdbootstrap/react-bootstrap-with-material-design](https://awesome-repositories.com/repository/mdbootstrap-react-bootstrap-with-material-design.md) (1,418 ⭐) — React 18 & Bootstrap 5 & Material Design 2.0 UI KIT
- [retejs/rete](https://awesome-repositories.com/repository/retejs-rete.md) (12,077 ⭐) — Rete is a framework for building interactive, node-based visual interfaces and dataflow programming environments. It provides a core engine that processes directed graphs, allowing developers to define modular logic where nodes represent operations and connections represent the flow of data or control. By decoupling the graph logic from the user interface, the framework enables the creation of custom visual editors that can be integrated into various frontend component libraries.

The project distinguishes itself through a highly extensible, signal-driven architecture that supports complex req
- [flutter/flutter](https://awesome-repositories.com/repository/flutter-flutter.md) (177,056 ⭐) — This project is a multi-platform UI framework designed for building applications that target mobile, web, and desktop environments from a single codebase. It utilizes a declarative paradigm where the user interface is defined as a function of application state, supported by a layered architecture that includes a high-performance rendering engine and a multi-platform compilation model.

The framework provides a comprehensive suite of developer tools, including hot reloading for real-time code injection and diagnostic utilities for monitoring application state and performance. It features a modu
- [mdbootstrap/vue-bootstrap-with-material-design](https://awesome-repositories.com/repository/mdbootstrap-vue-bootstrap-with-material-design.md) (971 ⭐) — Vue 3 & Bootstrap 5 & Material Design 2.0 UI KIT
- [posthog/posthog](https://awesome-repositories.com/repository/posthog-posthog.md) (35,060 ⭐) — PostHog is a comprehensive product analytics and feature management platform designed to capture, process, and visualize user behavior data. It provides a unified suite for tracking application events, managing feature rollouts, and monitoring system health through session recordings and error tracking. By leveraging a columnar-storage-optimized architecture, the platform enables high-performance aggregation and filtering across massive event datasets.

What distinguishes PostHog is its integrated approach to data pipelines and application control. It features a robust event ingestion system t
- [prateekbh/preact-material-components](https://awesome-repositories.com/repository/prateekbh-preact-material-components.md) (554 ⭐) — preact components for material-components-web
- [vmware-archive/clarity](https://awesome-repositories.com/repository/vmware-archive-clarity.md) (6,400 ⭐) — Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to  be inclusive.
- [taiga-family/taiga-ui](https://awesome-repositories.com/repository/taiga-family-taiga-ui.md) (4,002 ⭐) — Taiga UI is an Angular UI component library and accessible design system used for building enterprise web interfaces. It provides a comprehensive collection of reusable interface elements and layout tools, functioning as a mobile-first UI kit with responsive components that adapt to different device capabilities.

The library distinguishes itself through an integrated data visualization library featuring various chart types and a dedicated form management framework with built-in validation and formatting for specialized data. It also features AI-driven development workflows by integrating comp
- [a-h/templ](https://awesome-repositories.com/repository/a-h-templ.md) (10,358 ⭐) — Templ is a type-safe HTML templating engine and UI framework for Go. It provides a system for building reusable HTML components that compile into Go code for server-side rendering, ensuring type safety and compile-time validation of data and logic.

The project features a dedicated language server that provides autocomplete and syntax validation for template files within supported code editors. It employs compile-time code generation to transform a custom template language into Go source code, enabling the creation of modular HTML fragments and logic blocks.

The framework includes automated s
- [chrisbanes/cheesesquare](https://awesome-repositories.com/repository/chrisbanes-cheesesquare.md) (7,645 ⭐) — 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
- [davila7/claude-code-templates](https://awesome-repositories.com/repository/davila7-claude-code-templates.md) (20,933 ⭐) — Claude Code Templates is a comprehensive framework for orchestrating specialized AI agents and automating development workflows within local environments. It provides a structured system for defining, configuring, and deploying AI personas that handle specific technical tasks, ranging from backend architecture and frontend implementation to security auditing and infrastructure management.

The project distinguishes itself through a configuration-driven approach that allows teams to standardize development environments and share reusable agent definitions across projects. It includes a robust C
- [contrix09/xf-material-library](https://awesome-repositories.com/repository/contrix09-xf-material-library.md) (633 ⭐) — A Xamarin.Forms library for Xamarin.Android and Xamarin.iOS to implement Google's Material Design.
- [vuetifyjs/vuetify](https://awesome-repositories.com/repository/vuetifyjs-vuetify.md) (41,003 ⭐) — This project is a comprehensive UI toolkit that provides a declarative, reactive framework for building modular web interfaces. It centers on a component-based architecture that maps application state to rendered elements, utilizing a twelve-point flexbox grid system and nested containers to manage complex layouts. The library ensures consistent behavior across large-scale applications by providing centralized configuration for component defaults, themes, and global design tokens.

What distinguishes this framework is its deep integration of Material Design principles alongside a highly flexib
- [efaps/angular-onscreen-material-keyboard](https://awesome-repositories.com/repository/efaps-angular-onscreen-material-keyboard.md) (2 ⭐) — Onscreen virtual keyboard for Angular ≥ 5 (https://angular.io/) using Angular Material (https://material.angular.io/).
- [cloudscape-design/components](https://awesome-repositories.com/repository/cloudscape-design-components.md) (2,602 ⭐) — This package contains the source code of the React components for the Cloudscape Design System.
- [roughike/bottombar](https://awesome-repositories.com/repository/roughike-bottombar.md) (8,358 ⭐) — BottomBar is an Android UI component that implements a Material Design bottom navigation bar. It serves as a reusable layout element for organizing top-level application destinations through a system of selectable tabs.

The component features an adaptive layout system that optimizes horizontal space for tablet displays and uses density-aware adjustments for different screen dimensions. It includes a notification badge system to alert users of updates and supports conditional selection interception to prevent navigation based on application state or permissions.

The library covers a broad ran
- [axyz/google-material-design](https://awesome-repositories.com/repository/axyz-google-material-design.md) (16 ⭐) — google-material-design
- [angular/angular.js](https://awesome-repositories.com/repository/angular-angular-js.md) (58,615 ⭐) — AngularJS is a structural framework for building dynamic web applications by extending standard HTML with custom tags and attributes. It operates as a client-side template engine that transforms declarative markup into interactive components, organizing application logic through a model-view-controller pattern. By utilizing a centralized dependency injection container, the framework manages the lifecycle of services and components to ensure modularity and maintainable architecture.

The framework is defined by its two-way data binding mechanism, which automatically synchronizes data models wit
- [shadcn-ui/ui](https://awesome-repositories.com/repository/shadcn-ui-ui.md) (116,724 ⭐) — shadcn/ui offers a collection of React UI components and a CLI-driven registry system for direct source code integration.
- [designjockey/material-design-fonticons](https://awesome-repositories.com/repository/designjockey-material-design-fonticons.md) (71 ⭐) — material-design-fonticons
- [fraina/material-design-colorpicker](https://awesome-repositories.com/repository/fraina-material-design-colorpicker.md) (11 ⭐) — Material-Design-ColorPicker
- [brillout/awesome-react-components](https://awesome-repositories.com/repository/brillout-awesome-react-components.md) (47,788 ⭐) — This project is a community-maintained open source directory that serves as a comprehensive index of React components and libraries. It functions as a technical knowledge base, mapping common development challenges to vetted third-party solutions to help developers accelerate their frontend workflows and avoid reinventing standard interface elements.

The directory distinguishes itself through a decentralized, hyperlink-centric architecture that avoids hosting code locally, instead pointing users directly to external repositories. This content is curated through a collaborative model where com
- [swirlycheetah/material-design-hamburger](https://awesome-repositories.com/repository/swirlycheetah-material-design-hamburger.md) (89 ⭐) — Android's Material Design hamburger animation built in CSS (with a sprinkle of JS).
- [aliqb/angular-material-jalali-datepicker-adapter](https://awesome-repositories.com/repository/aliqb-angular-material-jalali-datepicker-adapter.md) (2 ⭐) — A comprehensive Angular library that provides Jalali (Persian/Solar Hijri/ Shamsi/ ) date adapter fro angular material datepicker component. Angular material datepicker does not support Jalali date natively but you can write adapter for custom date formats and systems, this library include…
- [materialdesigninxaml/materialdesigninxamltoolkit](https://awesome-repositories.com/repository/materialdesigninxaml-materialdesigninxamltoolkit.md) (16,177 ⭐) — 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
- [blender/blender](https://awesome-repositories.com/repository/blender-blender.md) (18,787 ⭐) — Blender is a professional 3D creation suite designed for modeling, animation, rendering, and video editing. It functions as an open-source 3D engine that provides a comprehensive framework for procedural geometry, physics simulation, and high-quality visual output. The platform is built upon a foundational architecture that utilizes data-block-based memory management and a dependency-graph-based evaluation system to handle complex scene transformations and geometry updates.

The software distinguishes itself through a highly modular, node-based procedural architecture that allows users to cons
- [wrappixel/material-pro-angular-lite](https://awesome-repositories.com/repository/wrappixel-material-pro-angular-lite.md) (140 ⭐) — The Most Powerful & Easy-to-Use Free Angular Admin Template Built on Material Angular 20 🚀,
- [supabase/supabase](https://awesome-repositories.com/repository/supabase-supabase.md) (104,317 ⭐) — This project provides an integrated backend platform built around a relational database. It automatically generates REST and GraphQL APIs from database schemas, allowing for direct data interaction through standard requests and client libraries. The platform includes a comprehensive authentication system that manages user identity, session handling, and fine-grained access control through database-native row-level security policies.

Beyond core data management, the platform offers specialized services for object storage, vector data processing for semantic search, and real-time communication
- [rybbit-io/rybbit](https://awesome-repositories.com/repository/rybbit-io-rybbit.md) (12,297 ⭐) — Rybbit is an open-source, self-hosted web analytics platform designed for comprehensive user behavior tracking and product engagement analysis. It provides a complete suite for monitoring visitor interactions, conversion funnels, and site performance, allowing organizations to maintain full ownership of their data and infrastructure.

The platform distinguishes itself through a strong emphasis on privacy-compliant data collection and visual session replay capabilities. It supports advanced traffic routing through custom domains to bypass ad blockers and includes configurable masking tools to p