All Projects → cprodhomme → Arctic_admin

cprodhomme / Arctic_admin

Licence: mit
Responsive Theme for ActiveAdmin

Projects that are alternatives of or similar to Arctic admin

Materialize Sass
Materializecss rubygem for Rails Asset Pipeline / Sprockets
Stars: ✭ 785 (+290.55%)
Mutual labels:  rails, gem, material-design
Activeadmin blaze theme
ActiveAdmin theme based on Blaze CSS toolkit
Stars: ✭ 35 (-82.59%)
Mutual labels:  activeadmin, rails, scss
Tabler Rubygem
Rubygem for
Stars: ✭ 77 (-61.69%)
Mutual labels:  rails, gem, scss
Rails sortable
Easy drag & drop sorting with persisting the arranged order for rails
Stars: ✭ 127 (-36.82%)
Mutual labels:  rails, gem
The new version of will be in Ruby on Rails. It was NoNo's resolution for 2009 (well, achieved!). You may add other enhancements at as you have a look at the website
Stars: ✭ 117 (-41.79%)
Mutual labels:  rails, scss
The new era of mobile navigation for the web, we're out of hamburgers.
Stars: ✭ 119 (-40.8%)
Mutual labels:  scss, responsive
Light Blue Dashboard
🔥 Free and open-source admin dashboard template built with Bootstrap
Stars: ✭ 110 (-45.27%)
Mutual labels:  scss, responsive
Admin Theme
Primefaces admin theme based on Admin LTE and Bootstrap
Stars: ✭ 136 (-32.34%)
Mutual labels:  material-design, responsive
Paper Kit 2 Angular
Free Bootstrap 4 UI Kit for Angular 2+
Stars: ✭ 133 (-33.83%)
Mutual labels:  scss, responsive
Activeadmin Themes
Awesome themes for ActiveAdmin.
Stars: ✭ 141 (-29.85%)
Mutual labels:  activeadmin, rails
Ordinare sorts gems in your Gemfile alphabetically
Stars: ✭ 153 (-23.88%)
Mutual labels:  rails, gem
React Product Card
Animated Product Card with the help of React and SCSS (PWA)
Stars: ✭ 116 (-42.29%)
Mutual labels:  scss, responsive
Responsive Sidebar Navigation
An easy-to-integrate side, vertical navigation, ideal for dashboards and admin areas.
Stars: ✭ 111 (-44.78%)
Mutual labels:  scss, responsive
Mq Scss
Extremely powerful Sass media query mixin. Allows you to create almost any media query you can imagine.
Stars: ✭ 122 (-39.3%)
Mutual labels:  scss, responsive
Metro For Discord
Make your Discord client look like a UWP app.
Stars: ✭ 109 (-45.77%)
Mutual labels:  skin, scss
Balm Ui
♦️ A modular and customizable UI library based on Material Design and Vue
Stars: ✭ 133 (-33.83%)
Mutual labels:  material-design, scss
Spina CMS
Stars: ✭ 1,926 (+858.21%)
Mutual labels:  rails, gem
Active admin theme
👍 flat skin for activeadmin
Stars: ✭ 154 (-23.38%)
Mutual labels:  activeadmin, scss
Admin Template
JSF responsive admin template based on Bootstrap and AdminLTE
Stars: ✭ 170 (-15.42%)
Mutual labels:  material-design, responsive
Rubocop Rails config
RuboCop configuration which has the same code style checking as official Ruby on Rails.
Stars: ✭ 106 (-47.26%)
Mutual labels:  rails, gem


Gem Version Gem Downloads Gem Version Gem Downloads

Simple theme for ActiveAdmin 👌

Complete demo here :

admin user : [email protected] / password



⚠️ If you are using webpacker (Standard with Rails 6) look below

  • Add this to your Gemfile:
gem 'arctic_admin'
  • Run bundle install.

  • Add this line to the file config/initializers/active_admin.rb

meta_tags_options = { viewport: 'width=device-width, initial-scale=1' }
config.meta_tags = meta_tags_options
config.meta_tags_for_logged_out_pages = meta_tags_options



In your active_admin.css, include the css file:

 *= require arctic_admin/base

Remove the line *= require active_admin/base

Then restart your webserver if it was previously running.

Sass Support

❗️ Remove the line @import "active_admin/base"

If you prefer SCSS, add this to your active_admin.scss file:

@import "arctic_admin/base";

If you use the Sass indented syntax, add this to your active_admin.sass file:

@import arctic_admin/base


In your active_admin.js, include the js file:

//= require arctic_admin/base

❗️ Remove the line //= require active_admin/base

Use with webpacker

1 - Preparation

Install the needed assets with npm or yarn:

yarn add arctic_admin @fortawesome/fontawesome-free

2 - CSS

In your app/javascript/stylesheets/active_admin.scss, add the line:

@import '~arctic_admin/src/scss/main';


@import "[email protected]/activeadmin/src/scss/mixins";
@import "[email protected]/activeadmin/src/scss/base";

3 - JS

Search for app/javascript/packs/active_admin.js in your rails project and add the following lines:

import "@fortawesome/fontawesome-free/css/all.css";
import 'arctic_admin'


For this, you need to use SASS to customize the theming.

Right now you can change the primary color of the theme by placing the following variable in your active_admin.scss file:

$primary-color: #2dbb43;

@import "~arctic_admin/src/scss/main";

If you use the Sass indented syntax, add this to your active_admin.sass file:

$primary-color: #2dbb43

@import ~arctic_admin/src/scss/main

Then restart your webserver if it was previously running.


  1. Fork it ( )
  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 new Pull Request
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].