Welcome to Rails Pages Gem. The following will not install all thirdpary dependencies used in the demo. It has to be installed later manually.


Add this line to your application's Gemfile:

gem 'pages-rails','3.0.0',:git => 'https://github.com/revoxltd/pages-rails.git'

Install from branch/tag/release

gem 'pages-rails', :git => "https://github.com/revoxltd/pages-rails.git", :ref => "4aded"
gem 'pages-rails', :git => "https://github.com/revoxltd/pages-rails.git", :branch => "2-3-stable"
gem 'pages-rails', :git => "https://github.com/revoxltd/pages-rails.git", :tag => "v2.3.5"

And then execute:

$ bundle

Or install it yourself as:

$ gem install pages-rails


  1. Add to your application.js Will Include core pages.js
//= require pages

Adding other components like calendar,email etc

//= require pages.calendar
//= require pages.email
//= require pages.social
  1. Add to your application.scss or to your custom.scss file
$base-img-url: "/assets";
@import "pages";

You can update varriables as you wish. To see the varriables used open the file stylesheets/_var.scss Click here

$color-master: #626262 !default;

You should add varriables before

@import "pages";

You could also require specific module per page eg:

$base-img-url: "/assets";
@import "modules/_layouts";
@import "modules/_modals";

Include theme (dont include with pages.rtl or pages, only include the following)

$base-img-url: "/assets";
@import "themes/calendar";


Plugin Description Dep. Status
jquery.js Core JS Library REQUIRED
mordnerizer.js Browser Feature Detection REQUIRED
bootstrap.js Core Framework REQUIRED
pace.js Page Progress Loader OPTIONAL
jquery-unviel.js Library Used for displaying retina images OPTIONAL
jquery-bez.js Sidebar Animation Lib for IE9 OPTIONAL
jquery.ioslist.js Used Chat list on the quickview OPTIONAL
jquery.actual.js Determine image dimentions OPTIONAL
jquery.scrollbar.js Scrollbar plugin used in sidebar and portlets OPTIONAL

For sample Rails Project Click here