Open-Source Dashboards - React, Vue3, Bootstrap 5, Tailwind
Tags: opensource, dashboards, webdev
Published: 2022-04-05 06:17:18

---
title: Open-Source Dashboards - React, Vue3, Bootstrap 5, Tailwind
published: true
description: A curated list with pixel-perfect Open-Source Dashboards crafted in modern technologies: React, Vue3, Boostrap 5, Tailwind CSS
tags: opensource, dashboards, opensource, webdev
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e53ryqldmb7bub8qvlbv.jpg
canonical_url: https://www.admin-dashboards.com/open-source/
---
Hello Coders!

This article presents a curated list of **[Open-Source Dashboards](https://www.admin-dashboards.com/open-source/)** crafted on top of pixel-perfect UI kits, released under permissive licenses (MIT, LGPL) by their vendors. All mentioned products can be used in commercial projects or eLearning activities. The list includes products for `React`, `Vue3`, `Vite`, `Bootstrap 5`, `Chakra` and `Tailwind CSS`.  `Thanks for reading!`


---

> *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!**

---

## ✨ [Argon Dashboard Chakra](https://www.creative-tim.com/product/argon-dashboard-chakra?AFFILIATE=128200)

Start your Development with an Innovative Admin Template for Chakra UI and React. If you like the look & feel of the hottest design trend right now, Argon Dashboard Chakra, you will fall in love with this dashboard! It features a huge number of components built to fit together and look amazing.

- 👉 [Argon Dashboard Chakra](https://www.creative-tim.com/product/argon-dashboard-chakra?AFFILIATE=128200) - Product page
- 👉 [Argon Dashboard Chakra](https://demos.creative-tim.com/argon-dashboard-chakra/#/admin/dashboard?AFFILIATE=128200) - LIVE Demo

![Open-Source Dashboard - React Argon Chakra UI ](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0w9ilo36lbsr7dw8dc9t.png)

---

## ✨ [MaterialPro Angular 13 Lite](https://www.wrappixel.com/templates/materialpro-angular-lite/?ref=157)

MaterialPro Angular 13 Lite is a free Material dashboard template built on the Angular framework. Its modular design allows it to be easily customized and it comes with a host of reusable beautiful UI elements. 

- 👉 [MaterialPro Angular 13 Lite](https://www.wrappixel.com/templates/materialpro-angular-lite/?ref=157)
- 🎁 More [Angular Templates](https://www.wrappixel.com/templates/category/angular-templates/?ref=157) crafted by WrapPixel

The MaterialPro angular admin template is responsive by design and works well with all mobile, desktop, and laptop screen sizes.

---

![MaterialPro Angular 13 Lite - Free Template](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hye4jp7zot9j43x1c0e5.png)  

--- 

## ✨ [Vue 3 Material Dashboard](https://www.creative-tim.com/product/vue-material-dashboard-2?AFFILIATE=128200)

Vue Material Dashboard 2 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. 

👉 [Vue 3 Material Dashboard](https://www.creative-tim.com/product/vue-material-dashboard-2?AFFILIATE=128200) - Product page
👉 [Vue 3 Material Dashboard](https://demos.creative-tim.com/vue-material-dashboard-2/#/dashboard?AFFILIATE=128200) - LIVE Demo

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.

![Open-Source Dashboard - Vue 3 Material Dashboard](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wpserjoughju6ii1ejza.png)

---

## ✨ [Berry M-UI Dashboard](https://berrydashboard.io/free/)

Berry is a free react admin template built using the M-UI. It is meant to be the best User Experience with highly customizable feature-riched pages. It is a complete React Dashboard Template with an easy and intuitive responsive design as on retina screens or laptops.

- 👉 [React Berry M-UI](https://berrydashboard.io/free/) - LIVE Demo
- 👉 [React Berry M-UI](https://github.com/codedthemes/berry-free-react-admin-template) - Source Code

![Open-Source Dashboard - React Berry Dashboard](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5fvl71p0llri4j3ic0su.png)
 
---

## ✨ [Vite Soft UI Dashboard](https://www.creative-tim.com/product/vite-soft-ui-dashboard?AFFILIATE=128200)

Start your Development with an Innovative Admin Template for [Bootstrap 5](https://www.admin-dashboards.com/bootstrap-5-templates/), VueJS 3, Vite, and Vuex. If you like the look & feel of the hottest design trend right now, Soft UI, you will fall in love with this dashboard! It features a huge number of components built to fit together and look amazing.

- 👉 [Vite Soft UI Dashboard](https://demos.creative-tim.com/vite-soft-ui-dashboard/#/virtual-reality?AFFILIATE=128200) - LIVE Demo
- 👉 [Vite Soft UI Dashboard](https://www.creative-tim.com/product/vite-soft-ui-dashboard?AFFILIATE=128200) - Product page

![Open-Source Dashboard - Vite Soft Dashboard](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1vv4iwhmv3p7hms9ubdd.png)
 
---

## ✨ [Star Admin Bootstrap 5](https://www.bootstrapdash.com/product/star-admin-free/?ref=23)

Star admin free is a beautifully designed admin template featuring a fine selection of useful Bootstrap components and elements. Star Admin has impressive typography that compliments exceedingly with its colorful and elegant interface.

- 👉 [Star Admin Bootstrap 5](https://www.bootstrapdash.com/demo/star-admin2-free/template/?ref=23) - LIVE Demo
- 👉 [Star Admin Bootstrap 5](https://www.bootstrapdash.com/product/star-admin-free/?ref=23) - Product page

The pre-built pages of the templates are intuitive and very well-designed. Star Admin is sure to make your development process truly enjoyable.

![Open-Source Dashboard - Star Admin Bootstrap 5.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nu1k1o9zhrsgfqctrhi9.png)
 
---

## ✨ [Windster Tailwind CSS](https://themesberg.com/product/tailwind-css/dashboard-windster)

Windster is a free and open-source admin dashboard interface built with Tailwind CSS and featuring a sidebar layout, authentication pages, users, products pages, and hundreds of UI components such as buttons, dropdowns, navbars, date pickers, and more based on the Flowbite component library.

- 👉 [Windster Tailwind CSS](https://demo.themesberg.com/windster/) - LIVE Demo
- 👉 [Windster Tailwind CSS](https://themesberg.com/product/tailwind-css/dashboard-windster) - Product page

![Open-Source Dashboard - Windster Tailwind CSS](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8sv4amdnplu7upbmkba5.png)
 
---

## ✨ [Notus Svelte](https://www.creative-tim.com/product/notus-svelte?AFFILIATE=128200)

Start your development with a Free Tailwind CSS and Svelte UI Kit and Admin. Let Notus Svelte amaze you with its cool features and build tools and get your project to a whole new level.

- 👉 [Notus Svelte](https://demos.creative-tim.com/notus-svelte/admin/dashboard?AFFILIATE=128200) - LIVE Demo
- 👉 [Notus Svelte](https://www.creative-tim.com/product/notus-svelte?AFFILIATE=128200) - Product page

`Sample Pages` - If you want to get inspiration or just show something directly to your clients, you can jump-start your development with our pre-built example pages.

![Open-Source Dashboard - Notus Svelte](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d5uvxzdit7i222o8jnqs.png)

---

> Thanks for reading! For more resources, please access:

- 👉 More [admin dashboards](https://www.admin-dashboards.com/) - a `huge index` with products
- 👉 More [ui themes and templates](https://www.ui-themes.com/) - `free & paid products`