Skip to content
Get packs

AngularJS Material

A UI component library implementing Material Design for AngularJS 1.x apps; archived and no longer supported.angular/material

GitHub Download v1.2.5
Stars
16.4k
Forks
3.3k
Licence
MIT
Language
JavaScript
Last update
2.2 years ago
Type
Library

This repository is archived and no longer maintained.

What it is

AngularJS Material is a set of ready-made user interface elements for AngularJS 1.x single-page web apps, styled after Google's Material Design specification from 2014 to 2017. Developers add it to an AngularJS app to get consistent buttons, layouts and other components without building them from scratch. The project is archived, and the README says support ended in January 2022.

  • Add Material-styled components to an existing AngularJS 1.7.2+ single-page app
  • Browse the component API and live demos on the project's documentation site
  • Build the library and demos locally with npm and gulp to explore the source

Great for

  • Maintainers of existing AngularJS 1.x apps that already use Material Design
  • Developers reading or studying legacy AngularJS UI code
  • Teams that need a frozen, known-good AngularJS component set for an existing product

Not ideal for

  • New projects: the README says support ended in January 2022 and the repository is archived, so no fixes are coming
  • Anyone wanting current Material Design: the README points to Angular Material (Angular v2+) for the 2018+ specification
  • Projects that cannot run AngularJS 1.7.2 or higher, which the README requires for the latest version

How to get it

  1. 1

    Install with a package manager

    You'll need: Node.js and npm (needed for the npm install and build steps) · AngularJS 1.7.2 or higher · Gulp v3 (only if building from source)

    Install the distribution files from npm

    npm install angular-material --save

    Install dependencies to build from source

    npm install

    Install Gulp v3 globally for building

    npm install -g gulp@3

    Build angular-material.js and CSS into /dist

    gulp build
  2. 2

    Run it

    • Install AngularJS 1.x and the angular-material distribution files with npm or the CDN
    • Include the angular-material CSS and JavaScript files in your HTML page after the AngularJS dependencies
    • Add 'ngMaterial' and 'ngMessages' as dependencies of your app module
    • Open your page in a browser to confirm the Material components render
  3. 3

    Get the most out of it

    • Use the online API and demos at material.angularjs.org to find component options and examples
    • Load the Google CDN files for quick prototyping in tools like CodePen or Plunker, as the README suggests
    • Run 'npm run docs:watch' to see live changes in the docs and demos while developing the library
    • Read the Build Guide in docs/guides/BUILD.md for additional build and debugging commands

Downloads

Source code (.zip)master branch · straight from GitHubRelease v1.2.5Release notes and sourceOfficial website & docsmaterial.angularjs.org/

Strengths

  • Includes a set of reusable UI components, which the README describes as well-tested and accessible
  • Installable through npm or loaded from the Google CDN, as shown in the README
  • Open source under the MIT license

Trade-offs

  • Archived, and official support ended in January 2022, so there are no further updates for security or bugs
  • Tied to AngularJS 1.x, which the README indicates is an older framework line; the modern path is a different project

How it compares

ProjectStarsTypeLevelUpdatedBest for
material (this)16.4kLibraryintermediate2.2 years agoMaintainers of existing AngularJS 1.x apps that already use Material Design
bootstrap14.1kLibraryintermediate7.7 years agoTeams with an existing AngularJS 1.x app that want Bootstrap components without adding jQuery
material-ui99.3kLibraryintermediate4 days agoReact developers who want a consistent, prebuilt set of UI components
materialize38.8kLibrarybeginner3 months agoDevelopers building a web page or app who want a Material Design look quickly
components25kLibraryintermediate4 days agoAngular developers who want ready-made, accessible UI components
material-components-web17kLibraryintermediate1.8 years agoDevelopers who want Material Design styling on a plain website without a large framework

Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.