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
One must run this after install and after update of designmodo-flatuipro-rails gem:
$ rails generate flatuipro:install <Flat UI Pro Directory>
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)
- Move directory from vendor -> app because of rails 4 (rails/rails#7968)
- Ensure all assets are precompiled correctly if so desired
- 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
- Fork it
- Create your feature branch (
git checkout -b my-new-feature
) - Commit your changes (
git commit -am 'Add some feature'
) - Push to the branch (
git push origin my-new-feature
) - Create new Pull Request