Not so long ago Google put out Material Design which is what I call a design guide for the internet. I see over the next few years more and more apps adding in Google Material Design elements, to be honest you can already see it in Facebook, and other big social media apps and websites. Angular Material is Google Material Design built on AngularJS which is a very powerful utility for editing the DOM without actually touching the HTML (Angular handles it for you). Angular Material while still very early in development is fantastic, if you haven’t checked out their demos please do so right now by clicking here.  I started building ArenaClash using Angular Material and was super excited at all the out of the box features, but I found it just isn’t quite ready for prime time yet, so I’ve moved off of it for the short term (back to using Bootstrap 3 themes). Angular Material comes with a suite of powerful css effects, with my favorites being the input boxes and button clicks.

Most of the functionality is done through Directives, but Angular Material does provide a few services for things like dialog, side navigation, and toasts for example. I just want to bring attention to this as well as the Polymer Project which are looking to build frameworks that make Google’s Material Design easy for small teams to incorporate. I’m excited, but I also don’t want to see the entire internet looking exactly the same, but we are a long way from that happening currently.

I’ll use this next moment to say if you haven’t signed up for ArenaClash, please take a moment and do that now at as I’m going to be sharing a lot about the development progress as we move forward.