gitmyhub

material

JavaScript ★ 16k updated 1y ago ▣ archived

Material design for AngularJS

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

AngularJSJavaScriptCSSsetup: easycomplexity 2/5

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.

Where it fits