Getting Started

ApplePie Toolkit CSS

Simplest way to get started - straight CSS Toolkit version that includes everything you need to do rapid prototyping. It's a good choice if you need a simple tool for building web interface and you are ok with 'default UI'. Just grab a CSS file (applepie.css or applepie.min.css), include it to a web page and start doing markup without additional efforts on styling elements.

ApplePie Toolkit CSS v0.1.0

Feel full power with SASS

If you are using SASS preprocessor you can feel all advantages of using it's amazing features like nested selectors, mixins, loops etc. ApplePie Toolkit is built using mixins as tiny fun—Ātions that generate CSS rules to create UI objects. If you choose to follow ApplePie naming convention, there is a manifest CSS file where all class names for objects are defined and corresponding mixins are allready in place.

Installing with Bower

If you haven't installed Bower previously:

    npm install -g bower

Now you can add ApplePie Toolkit to a project by including it to bower.json file or just fetch it to your project folder:

    bower install applepie

Installing as a Ruby Gem

ApplePie toolkit is also available as ruby gem, for easy integration into a Ruby on Rails apps or any other ruby frameworks. Just add gem to a Gemfile:

        gem 'applepie-rails'

And run bundler

        bundle install

Alternatively you can install it system wide:

        gem install applepie-rails

Custom build

You can also get latest version by checking applepie directly from github repo.

    git clone
    cd applepie

Now you can install (if you haven't done this yet) grunt and all needed nodejs modules and use built in grunt tasks to create build of applepie.

    npm install -g grunt-cli
    npm install
    grunt build

This will build css and sass versions of ApplePie to dist directory.