Quick Start

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 Argon Dashboard Laravel or Vue Argon Dashboard PRO Laravel product (this will download onto your computer a zip file)
  • If Vue Argon Dashboard Laravel 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 Argon Dashboard PRO Laravel 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)
  • Install project dependencies: npm install
  • Create a new .env file: cp .env.example .env
  • VUE_APP_BASE_URL should contain the URL of your Vue Argon Dashboard Project (eg. http://localhost:8080/)
  • VUE_APP_API_BASE_URL should contain the URL of your Laravel JSON:API Project. (eg. http://localhost:3000/api/v1)
  • Then run npm run dev to start the application in a local development environment or npm run build to build release distributables.
  • 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: