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 system for use in Angular SPAs.
Please note that using Angular Material requires the use Angular 1.3.x or higher.
You can see these components in action at http://material.angularjs.org
This project is in early development via a small core team of Ionic Framework and AngularJS developers. We don't have guidelines yet for broader community involvement, although we hope to have some soon.
For issues, including progress on accessibility support for these UI elements, see the Issue Tracker
See CONTRIBUTING.md for information on structure, documentation, and code conventions.
In its current early state, use AngularJS Material Design at your own risk. APIs are changing rapidly.
If you wish to use angular-material anyway, you can
bower install angular-material, or download the files directly from the bower-material repository.
- Components belong in
- Component modules must be named
- Templates for directives are declared inline
- Gulp builds files to
distfolder, which is not version controlled (read below)
- git commit-msg hook available here. Place it in
.git/hooks/commit-msg, and run
chmod +x .git/hooks/commit-msg. It will validate your commit messages for you.
npm installfor gulp deps
git submodule update --initto add icons subfolder
bower installfor angular deps
gulp) to build, add
--releaseflag to uglify & strip console.log.
gulp watchto build & rebuild on changes
gulp validateto test and jshint
gulp jshintto run jshint
gulp karmato test once
gulp karma-watchto test & watch for changes
gulp docsto build docs into dist/docs