Vue Material Dashboard

An user-friendly, open source and beautiful dashboard based on Bootstrap 5 & VueJS 3.


We at Creative Tim have always wanted to deliver great tools to all the web developers. We want to see better websites and web apps on the internet.

Developer First

We are following the latest code standards provided by the guys from Bootstrap, so you will love working with this dashboard.

High Quality

We are following the latest code standards provided by the guys from Bootstrap, so you will love working with this dashboard.

Community Helpers

Since all our products are built on top of Open Source also Soft UI Dashboard is released under
MIT License

Resources and credits

This Dashboard is fully coded and built on top of Open Source, more details here:

  • Bootstrap 5- Open source front end framework
  • Popper.js- Kickass library used to manage poppers
  • Vue Flatpickr- Vue.js component for Flatpickr datetime picker
  • Choices JS- A nice plugin that select elements with intuitive multiselection and searching but also for managing tags.
  • Countup Js- A lightweight component that can be used to quickly create animations that display numerical data in a more interesting way.
  • ChartJS- Simple yet flexible charting for designers & developers
  • ThreeJS- JavaScript 3D library.
  • FullCalendar- Full-sized drag & drop event calendar
  • Dropzone- An open source library that provides drag’n’drop file uploads with image previews
  • Datatables- DataTables Based on Vanilla-DataTables, but written in ES2018
  • Vue Round Slider- A round slider component for Vue JS, with range slider support
  • jKanban- Pure agnostic Javascript plugin for Kanban boards
  • PhotoSwipe- JavaScript image gallery for mobile and desktop, modular, framework independent
  • Quill- A free, open source WYSIWYG editor built for the modern web
  • Vue Sweet Alert2- A beautiful, responsive, customisable, accessible replacement for Javascript’s popup boxes
  • Vue Tilt- A smooth 3D tilt library
  • Nucleo- JavaScript 3D library.

Learn more

Stay up to date on the development journey and connect with us on: