DEV Community

loading...
Cover image for Vue Dashboard - Open-Source and Free

Vue Dashboard - Open-Source and Free

sm0ke profile image Sm0ke Updated on ・7 min read

Hello Coder,

Based on the community reaction regarding my previous article, Open-Source React Dashboards I decided to build a similar list with open-source admin dashboards for Vue. This article presents a curated list with open-source and free Vue Dashboards released under permissive licenses (MIT LGPL), actively supported by owning companies.


Thank you! Content provided by AppSeed - App Generator.


Selection Criteria

  • Built with Vue Framework
  • Permissive license: MIT License, LGPL
  • Modern Design - can be used for commercial products
  • Actively supported and versioned
  • Minimum tooling (gulp, webpack, parcel)


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!


Motivation to write this article

The existing articles related to this hot topic ( e.g. Vue dashboards) are usually written by the publishers or affiliates and for obvious reasons, the content is mostly commercial. This is not a bad thing, but this fact is not mentioned in the title, so it is quite closer to a clickbait for me.

Starting with the idea of playing fair in mind, all Vue dashboards listed on this page are open-source, suitable for hobby and production, and are actively supported by the publishers.

Thanks for reading!


Vue Dashboard - Vuetify Material

Theme provider - Creative-Tim


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

Theme provider - Creative-Tim


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

Theme provider - Creative-Tim


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. This Dashboard is coming with pre-built examples, so the development process is seamless, switching from our pages to the real website is very easy to be done.



Vue Dashboard - Bootstrap Argon, animated presentation.


Vuestic Admin

Theme provider - Epicmax


Vuestic Admin is an open-source responsive Vue Dashboard template built with Vue.js and Bootstrap 4. The project has more than 7k stars on Github and actively versioned by 50 contributors.



Vuestic - Open-source Vue Dashboard provided by Epicmax.


Vue Dashboard - Light Bootstrap

Theme provider - Creative-Tim


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

Theme provider - BootstrapDash


If you’re a fan of dark mode, then you’ll love Corona Vue Free, a free Vue.js admin template from BootstrapDash. Don’t let the name scare you, this is one of our most popular dashboard templates. All our templates are specially designed to speed up development, ensuring all your projects are up and running in no time.



Corona Admin Vue - Open-Source Admin Dashboard coded in Vuejs.


Vue Dashboard - Star Admin

Theme provider - BootstrapDash


Vue Dashboard - Star Admin template is rich in features and components and features a massive collection of elements, icons, buttons, and other essential components.
The template also guarantees a fine user experience across both mobile and desktop devices. Customizing a template to meet the specific requirements of your web app development project may seem challenging.



Star Admin Vue - Open-Source Admin Dashboard coded in Vuejs.


Vue Dashboard Black

Theme provider - Creative-Tim


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. 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 Black - App ScreenShot.


Vue Dashboard - White Design

Theme provider - Creative-Tim


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.


Vue Light Blue

Theme provider - FlatLogic


Light Blue Vue Admin is an admin template built with Vue JS (Vue CLI) and Bootstrap 4. Unique unobtrusive design with slightly transparent widgets and gradient background make this Vue JS template a rare offer among other Vue.js templates.
With Light Blue Vue Template it becomes much easier to build a management interface for your IoT dashboard, SAAS startup, booking management system, or any other web app.



Vue Light Blue - Free Vue template provided by FlatLogic.


Vue Dashboard Paper

Theme provider - Creative-Tim


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

Theme provider - WrapPixel


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

Theme provider - ArchitectUI Agency


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 straight forward coding and uses Vue Router for the navigation links.



Vue Dashboard ArchitectUI - Open-Source Admin Panel


Similar posts, from other publishers


Resources


Thank you! Btw, my (nick) name is Sm0ke and I'm pretty active also on Twitter.

Discussion (28)

pic
Editor guide
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 Author

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

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

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

Collapse
spekulatius1984 profile image
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 Author

looks nice!

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 Author

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 Author

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
Collapse
medea61 profile image
Roman Hochuli

I used coreui.io/ in one project and was pretty happy about it. It is not 100% free tough...

Collapse
sm0ke profile image
Sm0ke Author

Core UI looks nice and is a great product but the free version is too limited to be used in production.
Thank you for mention it. :)

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 Author

Thank you! now should be ok.

Collapse
raymondcamden profile image
Raymond Camden

The demo link for Vue Dashboard Shards Lite seems to point to the Paper one.

Collapse
sm0ke profile image
Sm0ke Author

Oh, .. now should be ok.

Collapse
illuyanka profile image
Dilara

Thanks, all of them looks very nice!

Collapse
sm0ke profile image
Sm0ke Author

Yw, .. the UI & UX was a criterion to select the products.

Collapse
mugas profile image
Ricardo Moreira

Thanks for sharing, really nice looking

Collapse
sm0ke profile image
Sm0ke Author

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