ActiveAdmin skin based on Google's Material Design
CSS JavaScript Ruby
Clone or download
FelixFortis and nhunzaker Updated sass file link to be absolute
Currently the link takes you to:
Making it absolute **should** send you to the correct place. Not sure how to test.
Latest commit 40f80e9 Oct 21, 2017


An ActiveAdmin skin based on Google's Material Design.

  1. Installation
  2. Usage
  3. Customization
  4. Contributing


Add this line to your application's Gemfile:

gem "active_material", github: "vigetlabs/active_material"

And then execute:

$ bundle

Or install it yourself as:

$ gem install active_material


In app/assets/stylesheets/active_admin.css.scss, replace:

@import "active_admin/base";


@import "active_material";

Additionally, ActiveMaterial comes with an optional JavaScript bundle that adds a few additional features. It should be included right after the active_admin base script.

In app/assets/javascripts/active_admin.js, add:

// active_admin/base
// active_material


Refer to the Customization Guide.


  1. Fork it ([my-github-username]/active_material/fork )
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am "Add some feature")
  4. Push to the branch (git push origin my-new-feature)
  5. Create a new Pull Request

Code At Viget

Visit to see more projects from Viget.