Ionicmaterial how?

Well i founf this on web
And i very loved it.
But i’m new on ionic. So i can’t import to my project. cCan you a little bit help me please?
Thank You


Seems you need install the library with:

$#: bower install ionic-material

then Ionic gonna locate this files in lib/ then later you need add this files in your project. Seems like you only need include


you can see an example. in:


or if you download the .zip in


have fun :smile:

Wow - you read my mind! Been wanting something like this over the past few months, and now here it is. Thanks for mentioning!

well i did it what you say and it’s here the results :frowning:
i added this

<script src="lib/ionic/js/ionic.bundle.js"></script>
      <link href="lib/ionic-material/dist/material-ionic.min.css" rel="stylesheet">
      <link href="lib/Waves/dist/waves.min.css">
      <script src="lib/Waves/dist/waves.min.js"></script>
      <!-- ionic/angularjs js -->
      <script src="lib/ionic-material/dist/material-ionic.min.js"></script>

Should be

at my phone :frowning:

mmm i guess that Waves is not in your lib/ folder.

additionaly plz run:

ionic run serve

and see the messages in console from Google Chrome ( ⌥ + ⌘ + J ) plz paste here to figure what is happening.

Kind Regards,


you need to wrap your app in a div with the class ionic

<body ng-app="yourapp">
<div class="ionic">



i will try thank you :smile:

I’m having a similar problem. Has a solution been found for this? Thanks!

I managed to install successfully. I only had to edit the file locations in ionic lib files and it works fine. If ionic material is not implementing, it is useful to check console to see the errors.