angular/material

Analysis updated 2026-06-24

★ 16,407JavaScriptAudience · developerComplexity · 2/5LicenseSetup · easy

Mindmap

mindmap
  root((angular-material))
    Inputs
      AngularJS v1 app
      ngMaterial module
      Theme config
    Outputs
      Material UI components
      Layout grid
      Themed styles
    Use Cases
      Maintain legacy app
      AngularJS v1 dashboard
      Material styled forms
    Tech Stack
      AngularJS
      JavaScript
      CSS

mindmap root((angular-material)) Inputs AngularJS v1 app ngMaterial module Theme config Outputs Material UI components Layout grid Themed styles Use Cases Maintain legacy app AngularJS v1 dashboard Material styled forms Tech Stack AngularJS JavaScript CSS

Click or tap to explore — scroll the page freely

What do people build with it?

USE CASE 1

Add Material Design components to an existing AngularJS v1 app

USE CASE 2

Keep a legacy AngularJS dashboard visually consistent during slow migration

USE CASE 3

Use the AngularJS Material layout grid for responsive screens

What is it built with?

AngularJSJavaScriptCSS

How does it compare?

	angular/material	infernojs/inferno	moment/luxon
Stars	16,407	16,417	16,396
Language	JavaScript	JavaScript	JavaScript
Setup difficulty	easy	easy	easy
Complexity	2/5	3/5	2/5
Audience	developer	developer	developer

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 30min

Project and AngularJS v1 are end of life and should only be used for legacy maintenance.

MIT license. Use freely for any purpose including commercial, just keep the copyright notice.

In plain English

AngularJS Material is a library of UI components for AngularJS (v1.x) that implement Google's Material Design visual style. Material Design is Google's design system specifying how elements should look and behave, with a consistent visual language across button styles, card layouts, dialogs, animations, and more. The library provides a rich set of reusable, accessible components such as buttons, toolbars, side navigation drawers, dialogs, form inputs, date pickers, lists, and many others, all pre-styled to follow the Material Design specification. It also includes a layout system for positioning elements on screen and a theming system for customizing colors. An important note from the README: AngularJS Material support officially ended in January 2022. AngularJS (v1.x) itself has reached end of life. This repository is for the legacy AngularJS v1 version. Developers starting new projects should instead look at Angular Material at material.angular.io, which is built for Angular v2 and later. You can install the library via npm or load it from a CDN (content delivery network) by including the CSS and JavaScript files directly in your HTML page. Once loaded, you enable it by listing ngMaterial as a dependency in your AngularJS app module. This would only be relevant to developers maintaining existing AngularJS v1 applications who need Material Design-styled components. For any new project, the actively maintained Angular Material library for Angular v2+ should be used instead.

Copy-paste prompts

Prompt 1

Install AngularJS Material via npm and wire ngMaterial into an existing AngularJS v1 app

Prompt 2

Build a Material side nav and toolbar in an AngularJS v1 page

Prompt 3

Customize the primary and accent palette in AngularJS Material theming

Prompt 4

Plan a migration from AngularJS Material to Angular Material on Angular 17

Frequently asked questions

What is material?

Material Design components for AngularJS v1. Provides buttons, dialogs, side nav, form inputs, and a layout system. Support ended in January 2022.

What language is material written in?

Mainly JavaScript. The stack also includes AngularJS, JavaScript, CSS.

What license does material use?

MIT license. Use freely for any purpose including commercial, just keep the copyright notice.

How hard is material to set up?

Setup difficulty is rated easy, with roughly 30min to a first successful run.

Who is material for?

Mainly developer.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Scan in gitsafehub Deploy in gitdeployhub angular on gitmyhub

Verify against the repo before relying on details.