Sign in Subscribe
open-source

Open-Source Templates - React, Vue3, Bootstrap 5 (Curated List)

A curated list with pixel-perfect Open-Source Dashboards crafted in modern technologies: React, Vue3, Boostrap 5, Tailwind CSS

Editor

• 5 min read
Open-Source Dashboards - A curated List
Open-Source Dashboards - A curated List 

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

✨ Soft UI Dashboard React

Start your Development with an Innovative Admin Template for MUI and React. 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

Open-Source React Dashboard - Soft UI Dashboard (template)
Open-Source React Dashboard - Soft UI Dashboard (template)

✨Material Dashboard

Designed for those who like bold elements and beautiful websites, Material Dashboard 2 is ready to help you create stunning websites and web apps.

Material Dashboard 2 is built with over 60 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining.

Open-Source Dashboard Template - Material Dashboard
Open-Source Dashboard Template - Material Dashboard 

✨ React Horizon UI Full-Stack

Open-Source Full-Stack seed project crafted on top of Chakra UI and React. The product comes with a simple JWT authentication flow: login/ register / logout powered by an open-source Node JS API Backend. Based on the permissive (MIT) Licence, React Horizon UI can be used in commercial projects and eLearning activities.

Open-Source React Dashboard - Horizon UI (full-stack starter)
Open-Source React Dashboard - Horizon UI (full-stack starter)

✨ Material Kit 2

Material Kit 2 is built with over 60 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining

This Freebie Bootstrap 5 Design System comes with prebuilt design blocks, so the development process is seamless, and switching from our pages to the actual website is very easy to be done.

Open-Source UI Kit - Material Design (free product)
Open-Source UI Kit - Material Design (free product) 

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

Open-Source Dashboard - React Argon Chakra UI
Open-Source Dashboard - React Argon Chakra UI 

✨ Flexy React Material Admin

Flexy Free React/Nextjs version is built with the most popular React Framework: Material-UI. The free version comes with an elegant grid design that helps you play around with the look and feel of the web app the way you want. it's a carefully hand-crafted minimal admin template built with modular and modern design.

Flexy React Material Admin  product page
Open-Source React Dashboard - Flexy Dashboard (styled with MUI)

✨

✨ 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. 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
Open-Source Dashboard - Vue 3 Material Dashboard

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

Open-Source Dashboard - React Berry Dashboard
Open-Source Dashboard - React Berry Dashboard 

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

Open-Source Dashboard - Vite Soft Dashboard

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

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
Open-Source Dashboard - Star Admin Bootstrap 5

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

Open-Source Dashboard - Windster Tailwind CSS
Open-Source Dashboard - Windster Tailwind CSS
Thanks for reading! For more resources, feel free to access: