@@include('./src/components/ES6/_global/include-header.html')
@@include('./src/components/ES6/_global/include-loader.html') @@include('./src/components/ES6/_global/include-toggle-trigger.html')

### Free Web Kits For Fast Web Design And Development, Compatible With Bootstrap 4

Download Getting Started
Follow @uiux_lab

Make over 120+ components to wear again and again!

A free web kits for fast web design and development. Uix Kit can be used separately, or merge components and grid systems using bootstrap. Support JS, HTML and SASS component library automatically packaged. Automatically convert ES6 JS to ES5 using Babel in this scaffold.

### How To Use?

You will need to have node setup on your machine. That will output the built distributables to `./dist/*` and `./examples/*.html`.

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. First, using an absolute path into your `"uix-kit/"` folder directory.

    $cd /{your_directory}/uix-kit

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

    $sudo npm install --only=dev --unsafe-perm --production

Step 4. When you’re ready to deploy to production, create a minified bundle with:

    $npm run build

Step 5. When you have done, this will spin up a server that can be accessed at `http://localhost:8080/examples/`

### Note:

a) If you get an error of ERROR: npm update check failed. You could try to enter the following code:

    $sudo chown -R $USER:$(id -gn $USER) /Users/{username}/.config

b) You could custom modules of what to import in `src/components/ES6/_app-load.js` and `src/components/ES6/_app-load-rtl.js`. Because the modules are imported too much, you need to wait at least 5.5 seconds (default value). You can set the compilation wait time in the `webpack.config.js` according to the imported modules you want.
c) You can update the Placeholders in Templates by modifying the Site Info configuration of `package.json`. Like this:

    JSON{
      "author": "UIUX Lab",
      "name": "uix-kit",
      "email": "uiuxlab@gmail.com",
      "version": "1.0.0",
      "projectName": "Uix Kit",
      "createdInfo": "UIUX Lab (https://uiux.cc)",
      "projectURL": "https://uiux.cc",
      "description": "A free web kits for fast web design and development, compatible with Bootstrap v4.",
      ...
    }

@@include('./src/components/ES6/_global/include-copyright.html')
@@include('./src/components/ES6/_global/include-footer.html')