DEV Community

Cover image for Vue Dashboard
Sm0ke
Sm0ke

Posted on • Updated on • Originally published at dev.to

Vue Dashboard

Hello Coders,

This article presents a curated list with open-source and free Vue Dashboards released under permissive licenses (MIT LGPL), actively supported by owning companies. For newcomers, Vue is a leading JS Framework used to code interactive User Interfaces with speed - Content provided by Admin Dashboards.


Vue Soft UI Dashboard

Vue Soft UI Dashboard is built with over 70 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining. All components can take variations in color, which 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.

Vue Soft UI Dashboard - Free Template.


Vue Material Dashboard

Vue Material Dashboard 2 is a new Admin Template based on Vue3 & Bootstrap5. If you’re a developer looking to create an admin dashboard that is developer-friendly, rich with features, and highly customizable, here is your match.

Vue Material Dashboard - Free Vue template.


Modernize Free Vuetify

This free Vuejs admin template is developer-friendly, highly customizable, and very easy to use. It allows you to create web apps in no time without any hassle.

Developing a web app from scratch is a nightmare of every developer while getting a free Vuejs template like this is every developer’s dream.

Modernize Free Vuetify - Free Vue Dashboard by AdminMart


Xtreme Vue Admin Lite

Xtreme BootstrapVue Admin Lite is easy to use and powerful VueJs admin dashboard template based on Vue CLI, Vuex & BootstrapVue component framework.

If you are looking to build backend admin panel for yourself or your client’s project, Xtreme BootstrapVue Admin Lite is the perfect choice. It comes easy to use features and it is highly customisable.

Xtreme Vue Admin Lite - Free Template.


Flexy Vue3

Flexy Vuetify Vue3 Dashboard Lite is a basic yet very useful Vuetify dashboard template for your projects. If you are looking for a modern yet clean admin template for your backend project, Flexy Admin is the right choice.

Flexy - Open-source Vue3 template by WrapPixel.


Muse Vue Ant Dashboard

Muse Vue Ant Design Dashboard is a beautiful Ant Design Vue admin dashboard with a large number of components, designed to look beautiful and organized. All components can take variations in color, that you can easily modify using SASS files and classes. Using this template designers and developers might save a lot of time going from prototyping to full-functional code because all elements are implemented.

Muse Vue Ant Design Dashboard - Open-source Vue Dashboard template.


Vue Dashboard Black

Vue Dashboard Black is a beautiful Bootstrap4 and Admin Dashboard with a generous number of components and a distinct UI. Vue Black Dashboard features over 16 individual components, giving you the freedom of choosing and combining. This means that there are thousands of possible combinations.

Vue Dashboard Black - App ScreenShot.


Vue Dashboard - Tailwind CSS

The previous design can be downloaded also in Vue, another popular UI Framework. This Free Tailwind CSS Template is coming with prebuilt examples, so the development process is seamless, switching from our pages to the real website is very easy to be done.

Tailwind CSS Vue - Free starter provided by Creative-Tim.


Vue Dashboard Vuetify

Vuetify Vue Dashboard is developed exactly according to Material Design spec. Every component is handcrafted to bring you the best possible UI tools to your next great app. The development doesn't stop at the core components outlined in Google's spec. Through the support of community members and sponsors, additional components will be designed and made available for everyone to enjoy.

Vue Dashboard Vuetify Material - main dashboard screen


Vue Dashboard - Argon

Bootstrap Vue Argon Dashboard is built with over 100 individual components, giving you the freedom of choosing and combining. All components can take variations in color, that you can easily modify using SASS files. You will save a lot of time going from prototyping to full-functional code because all elements are implemented.

Vue Dashboard - Bootstrap Argon, animated presentation.


Vue Dashboard - Light Bootstrap

Vue Dashboard Light Bootstrap is a beautiful resource built over Bootstrap 4 and Vue. It will help you get started developing dashboards in no time. Vue Dashboard Light Bootstrap is the official Vue version of the Original Light Bootstrap Dashboard. Using the Dashboard is pretty simple but requires basic knowledge of Javascript, Vue, and Vue-Router.

Vue Dashboard Light Bootstrap - App ScreenShot.


Vue Dashboard - White Design

Vue Dashboard White is a beautiful Bootstrap 4 and Vue.js Admin Dashboard with a huge number of components built to fit together and look amazing. You will save a lot of time going from prototyping to full-functional code because all elements are implemented. Every element has multiple states for colors, styles, hover, focus, that you can easily access and use.

Vue Dashboard White - Free Vuejs Admin Dashboard.


Materio Vuetify Admin Template

A modern VueJS dashboard template crafted and released for free by ThemeSelection. Using this product Your apps are completely responsive, ensuring they’ll look stunning and function flawlessly on desktops, tablets, and mobile devices.

Materio Vuetify Admin Template


Vue Dashboard Paper

Vue Dashboard Paper is a beautiful and simple admin panel built over Bootstrap and Vue It will help you get started developing admin dashboards in no time. Using the Vue Dashboard Paper is pretty simple but requires basic knowledge of Javascript, Vue, and Vue-Router.

Vue Dashboard Paper - App ScreenShot.


Vue MaterialPro Lite

You can create high-quality and beautiful-looking interfaces for your web application or product using our MaterialPro Vuejs Admin Lite. It comes with Google's Material based design and some great components, which makes your life much easier when you are creating a project. It comes with some nicely designed page templates to help you created new pages easily.

Vue Dashboard - Material Pro Lite, main dashboard screen.


Vue Dashboard - ArchitectUI

As a base framework, ArchitectUI Vue is powered by @vue/cli version 3.4.1 and Bootstrap 4 Vue implementation. It contains 15 handpicked Vue widgets and components that are perfectly integrated with each other in order to create a common design language. In order to use this Vue theme, you’ll need at least basic coding skills. Don’t worry, the theme has pretty straightforward coding and uses Vue Router for the navigation links.

Vue Dashboard ArchitectUI - Open-Source Admin Panel


Similar posts, from other publishers


Thanks for reading! For more resources, feel free to access:

Top comments (36)

Collapse
 
sgobotta profile image
Santiago Botta

If any developer reader is possibly looking out for dynamic admin dashboards with backend support written in Vue, vue-admin is an open-source project we're working on. Any kind of feedback is highly appreciated :)

Collapse
 
sm0ke profile image
Sm0ke

Hello Santiago.
Do you have a live DEMO of the app?

Collapse
 
sgobotta profile image
Santiago Botta

Currently there's no live demo, it's still a work in progress. But if you're familiar with npm, instructions in the README.md are really straightforward.

Thread Thread
 
sm0ke profile image
Sm0ke • Edited

I will test the app. If all goes well, will be add it to the list.

P.S. to be published on admin-dashboards.com, you must fork & add the dashboard info in markdown format.

Some info about the service how-it-works

Cheers!

Thread Thread
 
sgobotta profile image
Santiago Botta

Thank you, that's good to know! We'll take a look into it!!

Thread Thread
 
sm0ke profile image
Sm0ke

The page remains yours, and you can add more info anytime. But .. only if you preserve license
LGPL, MIT, Apache

If you have a PRO version, please don't mention it.
The links are 'dofollow', and all the traffic goes to your pages.

Cheers!

Collapse
 
polterguy profile image
Thomas Hansen

I saw your AppSeed thing, and WOW! Impressive work :)

I'd love it if you connect with me on LinkedIn or something. Maybe there's some sort of synergy between our two platforms ...?

Collapse
 
sm0ke profile image
Sm0ke • Edited

Hello Thomas!
Ty for your kind words. For sure we can connect via LI (not super active on it) or Discord:

Collapse
 
polterguy profile image
Thomas Hansen

I've got Telegram if you prefer that :)
I would love to have a virtual meeting with you, with an attempt at trying to find out some sort of synergies between our amazing ideas. We've (obviously) got the same vision, so I suspect that wouldn't really be that hard ...

Thread Thread
 
sm0ke profile image
Sm0ke • Edited

πŸš€πŸš€

Collapse
 
spekulatius1984 profile image
Peter Thaleikis πŸͺ

Nice looking dashboard! Might end up using one soon :)

I've noticed one link probably being incorrect. "Vue Dashboard Black" - the official page points to creative-tim.com/product/vue-argon... (same as further down). Just FYI

Collapse
 
sm0ke profile image
Sm0ke

Thank you! Now the link goes to ... Black :)

Collapse
 
spekulatius1984 profile image
Peter Thaleikis πŸͺ

Great πŸ‘οΈ

Collapse
 
sebastienbtr profile image
SebastienBtr

I created a library: github.com/SebastienBtr/vue-dashboard to easily create a dashboard app, my motivations for this library is that I didn't want to use one of this big dashboard template, where you always have to do some refactor and remove all the things you don't need. Instead my library just give you a vue component to have a dashboard layout setup. Feedback would be appreciated, and of course a star if you think it's great :)

Collapse
 
sm0ke profile image
Sm0ke

looks nice!

Collapse
 
theme_selection profile image
ThemeSelection

Hi, We have recently launched a free vue based admin template that can be a good addition to this collection.

Materio Free Vuetify Vuejs Admin Template.

It is the latest most developer-friendly 🀘🏻 & highly customizable✨ Admin Dashboard Template based on Vuetify. If you’re a developer looking for a Vuejs Admin Template enriched with features and a highly customizable look no further than Materio Free Vuetify Vuejs admin template🀩

Features:

  • 1 Simple Dashboard, 1 Chart Library
  • Single vertical menu
  • Simple Light/Dark theme
  • Basic Cards, pages, and tables
  • Simple From Elements⚑
  • Single vertical menu

Demo: themeselection.com/demo/materio-vu...

It would be great if you can add it to the collection..!!

Collapse
 
sm0ke profile image
Sm0ke

Done!
The product looks really nice & colorful. πŸš€πŸš€

Collapse
 
theme_selection profile image
ThemeSelection

Thanks @sm0ke ,

Will be in touch with you soon.

Thread Thread
 
sm0ke profile image
Sm0ke

πŸš€πŸš€

Collapse
 
theme_selection profile image
ThemeSelection • Edited

Really nice collection. Already bookmarked it.
We have also prepared a list of Trending vuejs ui component libraries and frameworks for 2020. Developers will find it very useful and helpful.

Collapse
 
sm0ke profile image
Sm0ke

Just read it! Good content, thanks for sharing!

Collapse
 
theme_selection profile image
ThemeSelection

Thank you..!!

Collapse
 
joeschr profile image
JoeSchr

Thanks for this. One thing I would really like to know while choosing a dashboard would be which underlying css/component framework they are utilizing. E.g. besides bootstrap4 are some of them using vuetify or similar. Just to see how easy it is to build the rest of the app

Collapse
 
sm0ke profile image
Sm0ke

All dashboards are Bootstrap based.
I was looking for Tailwind, Bulma CSS based dashboards .. but no luck so far.

I will update the index, with new products, once they appear.

Collapse
 
dunglongtran profile image
dunglongtran

Thank you for this.

Collapse
 
sm0ke profile image
Sm0ke

Yw

Collapse
 
mugas profile image
Ricardo Moreira

Thanks for sharing, really nice looking

Collapse
 
sm0ke profile image
Sm0ke

Yw! I will update the page with more open-source products in the future.

Collapse
 
bonusrk profile image
bonusrk

Thank you for nice set :)
It seems, that install steps for Dashboard Black have git link to Argon Dashboard.

Collapse
 
sm0ke profile image
Sm0ke

Thank you! now should be ok.