Download

Before you start to download, make sure to install a code editor you find convenient (we recommend WebStorm, BracketsSublime Text). To benefit more from this software you'll need to have some basic understanding and knowledge of HTML and CSS technologies. Here we won't give source files description, but they are freely accessible on Bitbucket.
  • FlexKit

    Download FlexKit

    Minimized CSS code, JavaScript and fonts. Without source files.

  • Source code

    Download source

    Source Less code, JavaScript, and font files. Compiler Less and other settings are required.

  • GitHub

    Go to GitHub

    Source Less code, JavaScript, and font files. Compiler Less and other settings are required.

File structure

After downloading, you will see the following file structure. The files are logically regrouped and given in a compiled and minimized form

This is the main type of file structure used in FlexKit. It consists of a set or compiled files. Simply upload them to the server and you're ready to go.

Keep in mind that all JavaScript-plugins are based on jQuery.

FlexKit/
├── css/
│   ├── reset.css - reset all standard browser styles
│   ├── flexkit.css - package UI styles
│   └── animation.css - animation package for CSS3
│
├── fonts/
│   └── icon/ - Icons fonts
│       ├── flexkit.ttf
│       ├── flexkit.woff
│       └── flexkit.eot
│
├── js/
│   ├── plugin/
│   │   ├── hammer.min.js - Adding gestures for mobile devices on your page
│   │   ├── jquery.carousel.min.js
│   │   └── jquery.cycle2.min.js - Slider Cycle2
│   │   
│   ├── system/
│   │   ├── ie-pack.min.js - hacks package for Internet Explorer (HTML5shiv, selectivizr и Respond)
│   │   └── flexkit.min.js - full JavaScript package FlexKit
│   │
│   ├── scripts.js
│   └── scripts.min.js
│
├── images/
│   ├── logo.png - your logo
│   └── favicon.ico
│
└── index.html