@@include('../00.global/include-header.html')
@@include('../00.global/include-loader.html') @@include('../00.global/include-toggle-trigger.html')Make over 100+ components to wear again and again!
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. Support JS and CSS component( SCSS ) development with Gulp & Webpack together.
Enjoy the fluid grid system based on Bootstrap and self-expansion. 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. It supports 3D and 2D rendering with three.js and pixi.js. More typically, automatically generate core files with Gulp & Webpack for each module (contains .js, .scss, .html files).
Step 1. Use NPM (Locate your current directory of project, and enter the following command.) or download the latest version from Github. For nodejs you have to install some dependencies.
$ sudo npm install uix-kit
Or clone the repo to get all source files including build scripts:
$ git clone git://github.com/xizon/uix-kit.git
Step 2. Using an absolute path would get you to the "uix-kit" package directory more quickly. 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.
$ cd /{your_directory}/uix-kit
$ sudo npm install --only=dev
Step 3. Run the following code to enter development mode.
$ gulp default
$ sudo npm install natives --only=dev
$ sudo npm install --save-dev --unsafe-perm node-sass
$ gulp default
Step 4. When you done, please open the browser and enter the following URL to check out.
http://localhost:8080/examples/
Step 5. Directly edit the entries in the components folder in order to modify the core files. (E.g. examples/assets/css/uix-kit.css
, examples/assets/css/uix-kit.min.css
, examples/assets/css/rtl/uix-kit-rtl.css
, examples/assets/js/uix-kit.js
, examples/assets/js/uix-kit.min.js
).
Components:
HTML/JS/CSS Components:_components/*
00.global
and01.index
are required components.