Designmodo's Flat UI Pro Design for Twitter Bootstrap integration into the Rails 3 and 4 Asset Pipeline
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

This gem integrates Designmodo's Flat UI Pro Design for Twitter Bootstrap 2 into the Rails 3 and 4 Asset Pipeline.

For Twitter Bootstrap 3, see flatuipro-1.3 branch.

You must purchase and download a licensed copy to use this gem (none of the assets are packaged per Flat UI Pro license). You may do so by clicking the above image (full disclosure: affiliate link).

The version major and minors should match the Flat UI Pro version. Anything after these are gem versions.


First install and configure dependencies: twitter-bootstrap-rails and jquery-ui-rails .

Add this line to your application's Gemfile:

gem 'designmodo-flatuipro-rails'

And then execute:

$ bundle

Or install it yourself as:

$ gem install designmodo-flatuipro-rails

Install Generator

One must run this after install and after update of designmodo-flatuipro-rails gem:

$ rails generate flatuipro:install <Flat UI Pro Directory>

Demo Page Generator

If you want to integrate the demo page:

$ rails generate flatuipro:demo

The demo generator creates a 'flatuipro_demo' controller with a default 'flatuipro_demo/index' route.

IMPORTANT: After deciding which components to use from the demo page, make sure to only include the corresponding less/css and js that you need from the flatuipro-demo.* files


After running the install generator, all assets should be setup.

This gem will detect whether you chose less/static for the twitter-bootstrap-rails install and generate either less/css flatuipro files accordingly.


If you haven't bought it already, please use my Designmodo Affiliate Link (image above)

Thanks @jehughes for the blog post that inspired me to stop being lazy and write the demo page generator =)


  • Add missing jquery.ui.button dependency

  • Remove accidentally committed debugging statement

  • Support Flat UI Pro 1.1.4
  • Detect nested Flat-UI-Pro-1.1.4 directory (in Flat UI Pro 1.2.1 download)
  • Bootstrap 2 only (upcoming 'flatuipro-1.2' branch for Bootstrap 3 version)

  • Support Flat UI Pro 1.1.3
  • Add new 'flatuipro:demo' generator to integrate demo page


  • Minor documentation changes to include Rails 4 compatibility


  • Initial commit


  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