Soft UI Dashboard - Open-Source Bootstrap 5 Dashboard
Tags: webdev, bootstrap5
Published: 2021-04-07 18:36:05

Hello Coders,

This article presents an open-source admin dashboard template crafted on top of Bootstrap 5 Framework: [Soft UI](https://appseed.us/ui-kit/soft-ui-design-system) Dashboard has a modern design and seems to be the most innovative product released so far by Creative-Tim, a well-known agency and active supporter of the open-source ecosystem. The product comes with pre-built design blocks, pages, and a super-rich UI Kit.

**Thanks for reading!**

---

- [Soft UI Dashboard](https://bit.ly/2Q1uIfK) - product page
- More [Free Templates](https://bit.ly/3wd5D25) - provided by Creative-Tim

---

> *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 - Open-Source Bootstrap 5 Dashboard, animated presentation.](https://raw.githubusercontent.com/admin-dashboards/soft-ui-dashboard/main/media/soft-ui-dashboard-intro.gif)

---

The project is released on Github under the MIT License can be compiled from sources and used directly in a real project. Before trying to build the project make sure your environment has a decent NodeJS version and GIT is available via a terminal window.

---

**Compile from sources**

```bash
$ # Clone/download sources
$ git clone https://github.com/creativetimofficial/soft-ui-dashboard.git
$
$ # Install Dependencies
$ yarn # OR npm install
$
$ # Start in development
$ gulp 
```

If all goes well, Soft UI Dashboard should be accessible in the browser.

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

---

## Product Information

Soft UI Dashboard is built with over 70 frontend individual elements, like buttons, inputs, navbars, navtabs, cards or alerts, giving you the freedom of choosing and combining. All components can take variations in colour, that you can easily modify using SASS files and classes.

You will save a lot of time going from prototyping to full-functional code, because all elements are implemented. This Free 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.

**Fully Coded Elements** - The most complex and innovative Dashboard Made by Creative Tim, designed for those who like bold elements and beautiful websites.

**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 - Billing Page

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

---

> Soft UI Dashboard - Profile Page

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

---

> Soft UI Dashboard - RTL Support

![Soft UI Dashboard - RTL Support.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d1pgbg1xcnju1o2lifk6.png)

---

> Thanks for reading! For more resources please access:

- Free [React Dashboards](https://dev.to/sm0ke/react-dashboards-open-source-apps-1c7j) - a curated list published on Dev.to
- Go PRO with [Soft UI Design System PRO](http://bit.ly/3730QW3) - a premium UI Kit

---
 
**[Soft UI Design System](https://appseed.us/ui-kit/soft-ui-design-system)** is built with over 300 frontend individual elements, like buttons, inputs, navbars, navtabs, cards or alerts, giving you the freedom of choosing and combining. All components can take variations in colour, that you can easily modify using SASS files and classes. This premium template comes with many examples for pages like Signup, Signin, Forgot Password, 2FA Authentification.

---

![Soft UI Design System - Premium UI Kit crafted on top of Bootstrap 5.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6bpxwqa0396eulyk6lxz.png)