# Dashkit PRO v3

Dashkit is a modern dashboard styled with Bulma CSS crafted by CssNinja agency. Dashkit features a set of reusable data widgets and a set of social widgets. These widgets can be uses on every page of your dashboard.

> Note: This is a legacy version, for the latest version please access [Dashkit PRO v4](https://appseed.gitbook.io/docs/content/bulma-css-templates/dashkit-pro)

* [Dashkit PRO v3](https://bulma-css.com/dashkit/) - hosted by [Bulma-CSS.com](https://bulma-css.com/)
* [Dashkit PRO v3](https://dashkit-pro.bulma-css.com/) - LIVE Demo

![Dashkit v3 - Bulma Dashboard.](https://4080083720-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYVW6MKCi9iujNc3SK_%2F-M_sm7Xd9nZuMfOy9YtS%2F-M_ssWFiEbAB1wdArG_4%2Fdashkit-v3-bulma-css.jpg?alt=media\&token=55fd7f74-775a-4a3c-877e-34ecab941490)

### How to compile DashKit <a href="#how-to-compile-dashkit" id="how-to-compile-dashkit"></a>

Being a commercial product to get access to the source code please access the official page and purchase a license. Once you have the source code downloaded a [minimal programming kit](https://docs.appseed.us/content/tutorials/minimal-programming-kit) should be properly installed and accessible in the terminal.

* A modern editor - [VSCode](https://code.visualstudio.com/)​
* ​[Nodejs](https://nodejs.org/en/) - used in [Javascript](https://developer.mozilla.org/en-US/docs/Web/JavaScript)-based products and tools
* [Gulp](https://gulpjs.com/) - installed globally

Once all the tools are installed we can start compiling the code.

> **Step #1** - Change the directory inside the sources

```
$ cd dashkit-pro
```

> **Step #2** - Install modules via NPM or Yarn

```
$ npm install
// OR
$ yarn
```

> Step #3 - Compile the sources and generate the HTML files

```
$ gulp dev
```

Dashkit is now viewable at `http://localhost:3000`

If all goes well, we should see Dashkit PRO running in the browser.

![Dashkit v3 - Bulma Charts.](https://4080083720-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYVW6MKCi9iujNc3SK_%2F-M_sm7Xd9nZuMfOy9YtS%2F-M_stMA0J_j_CT1UYsCO%2Fdashkit-v3-bulma-css-charts.jpg?alt=media\&token=138c1f31-813b-4ed7-98d3-8d0cee256fb7)