parallax

Uix Kit

Free Responsive HTML5 UI Kit for Fast Web Design Based On Bootstrap

Fork & Download

An underlying front-end system that makes it easy to extend and modify core files. This spec is a living document that will be updated as we continue to develop the tenets and specifics of Uix Kit.

Enjoy the fluid grid system based on 12 columns. Uix Kit is built over Bootstrap and has all the benefits that the framework comes with. Regardless of the screen size, the website content will naturally fit the given resolution. Using the Uix Kit will save you large amount of time to build your projects.


- Development Mode

Installation

Use NPM npm install uix-kit. For nodejs you have to install some dependencies.

Before doing all dev stuff make sure you have node installed. After that, run the following code in the main directory to install the node module dependencies.

$ npm install --dev

Run the following code to enter development mode.

$ gulp default


Usage with Gulp:

HTML/JS/CSS Components: _components/*
00.global and 01.index are required components.

- Custom Core Files

You can customize these files to meet the different needs of the site you want :-)

The examples/assets-demo/ folder can be deleted.

CSS:

  • examples/assets/css/uix-kit.css
  • examples/assets/css/uix-kit.min.css
  • examples/assets/css/uix-kit.IE.css

CSS(RTL):

  • examples/assets/css/rtl/uix-kit-rtl.css

Javascript:

  • examples/assets/js/uix-kit.js
  • examples/assets/js/uix-kit.min.js

Images:

  • examples/assets/images/*

Fonts:

  • examples/assets/fonts/*

- PSD Grid Templates

You can download the corresponding .PSD grid files based on Bootstrap 3.x from the _grid folder.

  • _grid/bootstrap3_1170_grid_web.psd (Default Container: 1170px)
  • _grid/bootstrap3_1278_grid_web.psd (XL Container: 1278px)
  • _grid/bootstrap3_1410_grid_web.psd (XXL Container: 1410px)