UI-Kit

Beautiful widget pack with using PUG/SCSS/jQuery

Used technologies

• [x] Pixel perfect
• [x] Webpack
• [x] PUG
• [x] SCSS
• [x] BEM methodology
• [x] JavaScript (es6)
• [x] Webpack

Widget List

• Buttons;
• Arrow buttons;
• Percentages chart & Pie chart;
• Slider with 2 themes;
• Stages;
• Form elements (form with validate, toggles, tick boxes);
• Search line with automatically showing options while you type any text;
• User profile cards;
• News widget;
• Events widget;
• Calendar widget;
• Messaging widget;
• Custom video player;

Demo page

You can enter to Demo page for looking at this project.

Git

clone this repository with: git clone https://github.com/Ilanevazno/UI-KIT.git

NPM scripts

Install project

npm install installing dependencies before running

To start locally

npm run watch for development environment in watch mode

To build project

npm run build build project in development mode

To deploy

npm run deploy building and deploying project to github pages

Eslint

npm run eslint checking all .js files in 'components' folder on esLint with airBnb preset