Ionic + Material =

Pour material design into your Ionic hybrid apps for all the sexy and no complexity. Now unlock the depth, motion & ink specs of Google's material design with easy-to-add-on classes.

Download MIT-License 100% FREE Check Out Code & Samples



Tune In For Updates

"With the Crosswalk runtime, what's our excuse now? It's 2015, and time we lift our hybrid apps to deliver hardware-accelerated, material design experience - the ionic way."

Zach Fitzgerald / Sr. UI Engineer

Zach Fitzgerald
Contributor / Maintainer

Take A Sneak Peek At
Ionic Material

Featuring hardware-accelerated CSS to provide motion, ink, and depth.

  • Interact for ink effects
  • Extends Ionic classes
  • Integrates with directives
  • Fully themeable
Get Code

API docs are being written

How It Works

Ionic Material is an extension library for the Ionic Framework, meaning you don't need to change the way you develop your Ionic hybrid apps to have them materialized.

Ionic Material harmoniously sits atop of Ionic and abides by the conventions of the framework. This means it plays nicely with other code and directives you may already have, and will not interfere with core behavior or styles. What's added to Ionic is new classes, methods, and helpers that feel totally natural to the rest of the framework.
Because Ionic Material is primarily a behavior library and uses Ionic's color naming conventions and element classes, Ionic Material is seamlessly themeable.
Detailed down to the pixels of the specs, Ionic Material aims at following Google's guidelines for motion, ink, and depth. As new components and layouts are added to the library, you're ensured quality attention to the material design specs.

Help Us Create
The Future of iM

Ionic Material aims to integrate the best representations of Material Design into a single add-on library for Ionic Developers. With the Polymer Project, ngMaterial, and other open source projects arising, we aim to be actively engaged and aligned with these, and other, related projects.

As a 100% free open-source project, developer participation is encouraged, as much or little as possible.


#ionicmaterial - share how you've used it

Fork me on GitHub