Soft UI Dashboard - Bootstrap 5 Design on Steroids
Tags: webdev, bootstrap, dashboards
Published: 2021-06-06 07:55:28

---
title: Soft UI Dashboard - Bootstrap 5 Design on Steroids
published: true
description: The article presents the latest Bootstrap 5 design from Creative-Tim: Soft UI Dashboard PRO, a premium design made of hundred of elements, design blocks and pre-built pages.
tags: webdev, bootstrap, dashboards
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/841a502qt9ftr7uzbc90.jpg
canonical_url: https://www.admin-dashboards.com/soft-ui-dashboard-pro-bootstrap-5/
---
Hello Coders,

Just discovered a few hours ago a really nice Bootstrap 5 Dashboard: **[Soft UI Dashboard PRO](https://bit.ly/3vVUVwl)**. This commercial product comes with an open-source version that can be used without limitations for hobby and commercial products.  For newcomers, Soft UI is the latest open-source design system released by *Creative-Tim* made of hundred of elements, designed blocks, and fully coded pages. 

> *Thanks for reading!* - Content provided by **[Admin Dashboards](https://www.admin-dashboards.com/)**.

---

- [Soft UI Dashboard PRO](https://bit.ly/3vVUVwl) - LIVE demo
- [Soft UI Dashboard PRO](https://bit.ly/2RtSXVa) - Product page
- (Free) [Soft UI Dashboard](https://bit.ly/2Q1uIfK) - the open-source version

--- 

> *Disclosure* - **This post contains affiliate links**. 

If you use these links to buy something (no additional cost to you) I may earn a commission, product, or service. **Thank you!**

---

![Soft UI Dashboard - Charts Page.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r4umplkqnh32iej2hkcu.png)

---

**Official product description** - Soft UI Dashboard PRO is built with over 300 frontend individual elements, like inputs, navbars, navtabs, cards, or alerts, giving you the freedom of choosing and combining. The UI can be extended with ease by editing the SASS files. This Premium Bootstrap 5 Dashboard is coming with prebuilt design blocks, so the development process is seamless, switching from our pages to the real website is very easy to be done.

**Example Pages** - If you want to get inspiration or just show something directly to your clients, you can jump-start your development with our pre-built example pages. You will be able to quickly set up the basic structure for your web project.

---

![Soft UI Dashboard - Automotive Page.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oxu2e48yok6ywhwjdh4g.png)

---

> Soft UI Dashboard PRO - Calendar Page

![Soft UI Dashboard - Calendar Page.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n5lffxpjyiix7629ii43.png)

---

As mentioned in the top paragraph, this premium dashboard comes with an open-source version released under the MIT License on Github. The product can be used and compiled locally without a registration lock. In order to have a successful build we need a [minimal programming kit](https://docs.appseed.us/content/tutorials/minimal-programming-kit) installed: a decent NodeJS version (>= 10.x), GIT command-line versioning tool and Gulp (globally accessible). 

---

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

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

---

> **Step #2** - Install modules (this operation might take a while)

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

---

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

```bash
$ gulp open-app
```

![Soft UI Dashboard - Free Version](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v16mzu7cvln8hm1f1reg.png)

--- 

> Thanks for reading! For more resources, please access:

- More [Free Templates](https://bit.ly/3wd5D25) provided by Creative-Tim
- Free [React Dashboards](https://dev.to/sm0ke/react-dashboards-open-source-apps-1c7j) - a curated list | Dev.to