Quick Start

Vue Soft UI Dashboard is an user-friendly, open source and beautiful dashboard based on Bootstrap 5 & VueJS 3.

To start using this design system you will need to import some files in your current project or start from scratch using our template (scroll down in this page to view it).

Local Development

If you do not want to use our template as base for your project, and want to integrate our template into your own project, please skip this part and the Live Production.

  • Install NodeJS LTS latest version from NodeJS Official Page
  • Go to creative tim website and login into your account
  • Go to downloads section on creative tim website (be sure to be logged into your account)
  • Press the download button near Vue Soft UI Dashboard or Vue Soft UI Dashboard PRO product (this will download onto your computer a zip file)
  • If Vue Soft UI Dashboard product does not appear in your downloads section, proceed to download it from here (but please note that you need to be logged into your account)
  • If Vue Soft UI Dashboard PRO product does not appear in your downloads section, you need to first purchase it from here (and after you recieve the confirmation email, you can download the product)
  • Unzip the downloaded file to a folder in your computer
  • Open your terminal
  • Go to your file project (where you’ve unzipped the product)
  • Run in terminal yarn install or npm install
  • Then run yarn serve or npm run serve
  • Or you can simply run yarn run install:clean or npm run install:clean (if you use a linux based terminal) which will install node_modules and will also start your project.
  • If you have an error something containing Module not found you need to add ourjsconfig.json file to your project
  • Navigate to https://localhost:8080
  • More information →VueJS 3
  • More information → Bootstrap 5

Live Production

NOTE! Creative Tim unfortunately cannot help you with deploying your app. If you need help on deploying your app to gh-pages we are more than happy to help you with that, but unfortunately we have no other knowledge of deploying a Material-UI or a React app.

These are some free open source tutorial on how to deploy a Vue app on some servers. Please note that your project might need some additional configs to deploy it on these servers: