Web-kiter NPM | npm.io

Web Kiter

Getting Started
Description
Installation And Test
How To Use？
Contributing
Changelog
Licensing
Buy Me a Coffee

Description

Web Kiter is a set of React drag and drop tool to help you build beautiful website interfaces while keeping responsive and third-party framework compatible.

Installation And Test

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 web-kiter

Or clone the repo to get all source files including build scripts:

$ git clone git://github.com/xizon/web-kiter.git

Step 2. First, using an absolute path into your "web-kiter/" folder directory.

$ cd /{your_directory}/web-kiter

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 --save-dev  --unsafe-perm node-sass

Step 4. Run the following code to enter development mode. The converted ES5 files will be created.

$ npm run build

Step 5. When you done, this will spin up a server that can be accessed at

http://localhost:8080/examples/

Note:

ERROR: npm update check failed.

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

File Structures

web-kiter/
├── README.md
├── CHANGELOG.md
├── CONTRIBUTING.md
├── LICENSE
├── webpack.config.js
├── package-lock.json
├── package.json
├── dist/
│   ├── css/
│   │   ├── web-kiter.css
│   │   ├── web-kiter.css.map
│   │   ├── web-kiter.min.css
│   │   ├── web-kiter.min.css.map
│   │   ├── web-kiter-rtl.css
│   │   ├── web-kiter-rtl.css.map
│   │   ├── web-kiter-rtl.min.css
│   │   └── web-kiter-rtl.min.css.map
│   └── js/
│   │   ├── web-kiter.js
│   │   ├── web-kiter.js.map
│   │   ├── web-kiter.min.js
│   │   ├── web-kiter.min.js.map
│   │   ├── web-kiter-rtl.js
│   │   ├── web-kiter-rtl.js.map
│   │   ├── web-kiter-rtl.min.js
│   │   └── web-kiter-rtl.min.js.map
├── src/
│   ├── index.js
│   ├── index-rtl.js
│   ├── components/
├── examples/
└──

Contributing

Finding bugs, sending pull requests or improving our docs - any contribution is welcome and highly appreciated. To get started, head over to our contribution guidelines. Thanks!