Vue Templates - Open-Source and Free

This article presents a curated list of 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.

✨ 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 - product page
• 👉 Vue Soft UI Dashboard - LIVE demo

✨ 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.

• 👉 Xtreme Vue Admin Lite - product page
• 🎁 More VueJS Templates crafted by WrapPixel

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

✨ 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 - product page
• 👉 Vue Material Dashboard - LIVE demo

✨ 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 Vue Template - product page
• 👉 Flexy Vue Template - LIVE demo

✨ 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 Dashboard - product page
• 👉 Muse Vue Ant Dashboard - LIVE Demo

✨ 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 - product page
• 👉 Vue Dashboard Black - LIVE demo

✨ Vue Dashboard - Tailwind CSS

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

• 👉 Tailwind Vue Starter - product page
• 👉 Tailwind Vue Starter - LIVE Demo

✨ Vue Dashboard Vuetify

Vuetify Vue Dashboard is developed exactly according to Material Design specs. 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 specs. Through the support of community members and sponsors, additional components will be designed and made available for everyone to enjoy.

• 👉 Vue Vuetify Material - product page
• 👉 Vue Vuetify Material - LIVE demo

✨ 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, which 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 Argon - product page
• 👉 Vue Dashboard Argon - LIVE demo

✨ 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 Light Bootstrap - product page
• 👉 Vue Light Bootstrap - LIVE demo

✨ 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, and focus, that you can easily access and use.

• ✨ Vue Dashboard White - product page
• ✨ More Vue Templates provided by Creative-Tim

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

• 👉 More ui themes and templates - free & paid products
• 👉 Admin Dashboards - a huge index with templates and apps