Sm0ke

Posted on Apr 5, 2022 • Edited on Jan 19, 2023 • Originally published at admin-dashboards.com

Open-Source Dashboards - React, Vue3, Bootstrap 5, Tailwind

#opensource #dashboards #webdev

Hello Coders!

This article presents a curated list of Open-Source Dashboards 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

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 - Product page
👉 Argon Dashboard Chakra - LIVE Demo

✨ MaterialPro Angular 13 Lite

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
🎁 More Angular Templates crafted by WrapPixel

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

✨ Vue 3 Material Dashboard

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 - Product page
👉 Vue 3 Material Dashboard - 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.

✨ Berry M-UI Dashboard

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 - LIVE Demo
👉 React Berry M-UI - Source Code

✨ Vite Soft UI Dashboard

Start your Development with an Innovative Admin Template for Bootstrap 5, 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 - LIVE Demo
👉 Vite Soft UI Dashboard - Product page

✨ Star Admin Bootstrap 5

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 - LIVE Demo
👉 Star Admin Bootstrap 5 - 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.

✨ Windster Tailwind CSS

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 - LIVE Demo
👉 Windster Tailwind CSS - Product page

✨ Notus Svelte

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 - LIVE Demo
👉 Notus Svelte - 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.