DEV Community

loading...
Cover image for Soft UI Dashboard - Bootstrap 5 Design on Steroids

Soft UI Dashboard - Bootstrap 5 Design on Steroids

Sm0ke
#Automation, my favorite programming language
Originally published at admin-dashboards.com Updated on ・2 min read

Hello Coders,

Just discovered a few hours ago a really nice Bootstrap 5 Dashboard: Soft UI Dashboard PRO. 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.



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.


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.


Soft UI Dashboard PRO - Calendar Page

Soft UI Dashboard - Calendar Page.


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

$ git clone https://github.com/creativetimofficial/soft-ui-dashboard.git
$ cd soft-ui-dashboard
Enter fullscreen mode Exit fullscreen mode

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

$ npm install
// OR
$ yarn 
Enter fullscreen mode Exit fullscreen mode

Step #3 - Start the app in browser

$ gulp open-app
Enter fullscreen mode Exit fullscreen mode

Soft UI Dashboard - Free Version


Thanks for reading! For more resources, please access:

Discussion (10)

Collapse
ats1999 profile image
Rahul kumar

Hi, the examples are really interesting. I am a software engineering student and a full stack developer(Major backend).

I would like to know, how much time would be needed to develop such a dashboard.

What are the process involved?

Thanks.

Collapse
sm0ke profile image
Sm0ke Author

Hello @ats1999 .
To code such product probably takes months to iterate on design, code the HTML, build pages, documentation, etc...

The design phase (probably) is the most time consuming task. For more insights, feel free to join the Creative-Tim community and read more about their products.

Collapse
ats1999 profile image
Rahul kumar

Thanks

Thread Thread
sm0ke profile image
Sm0ke Author

Yw & Happy Coding!

Collapse
crearesite profile image
WebsiteMarket

Wow. Quite pricey but really nice.

Collapse
sm0ke profile image
Sm0ke Author

Product comes with an open-source version. Might be enought to code a really nice product.

Collapse
uithemes profile image
ui-themes

CRM page also looks good.
P.S. Thanks for sharing.

Collapse
sm0ke profile image
Sm0ke Author

Yw!

Collapse
rohanrahian profile image
Rohan Rahian

Thanks for sharing (y)

Collapse
sm0ke profile image
Sm0ke Author

Yw @rohanrahian & Happy coding!