---
description: Open-source Bootstrap Dashboard designed by Invision crafted by Creative-Tim
---

# Now UI Dashboard

**Now UI Dashboard** is a responsive Bootstrap 4 kit provided for free by **Invision** and [Creative-Tim](../partners/creative-tim). It combines colors that are easy on the eye, spacious cards, beautiful typography, and graphics.

* [Now UI Dashboard](https://bit.ly/3oiWrWo) - product page
* [Now UI Dashboard](https://bit.ly/3tPYjaq) - LIVE demo

Now UI Dashboard comes packed with all plugins that you might need inside a project and documentation on how to get started. It is light and easy to use, and also very powerful. This makes starting a new project very simple. It also provides benefits if you are already working on a Bootstrap 4 project; you can just import the Now UI Dashboard style over it.

Most of the elements have been redesigned; but if you are using an element we have not touched, it will fall back to the Bootstrap default.

![Now UI Dashboard - Free Template.](https://4080083720-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYVW6MKCi9iujNc3SK_%2F-M_kKfk22g9Erq1lpS7O%2F-M_kMW1uapBCb1I-kYrh%2Fnow-ui-dashboard.jpg?alt=media\&token=f2624e27-1e44-46bd-b9d8-a61af897d942)

## How to compile the project

To use this modern design and compile in a local environment a [minimal development](../tutorials/minimal-programming-kit) kit is required:

* 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
* [GIT](https://git-scm.com/) - a command-line tool used to download sources from [Github](https://github.com/)

Once we have all these tools accessible we can start compiling the product:

> **Step #1** - Clone the sources from the public repository

```
$ git clone https://github.com/creativetimofficial/now-ui-dashboard.git
$ cd now-ui-dashboard
```

> **Step #2** - Compile SCSS files

```
$ gulp compile-scss
```

> **Step #3** - Start the template in browser

```
$ gulp open-app
```

If all goes well, we should see **Now UI Dashboard** running.

![Now UI Dashboard - User Page.](https://4080083720-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYVW6MKCi9iujNc3SK_%2F-M_kKfk22g9Erq1lpS7O%2F-M_kNdgFGQefMGnTq5AB%2Fnow-ui-dashboard-user-profile.jpg?alt=media\&token=87a365f9-89b1-4f2a-870f-9f6c218b391f)
