React Tailwind - Free Dashboards
Tags: react, webdev, tailwindcss
Published: 2021-05-15 17:25:03

---
title: React Tailwind - Free Dashboards
published: true
description: A curated list with React Dashboards styled with Tailwind CSS and released under permissive licenses by their vendors.: Notus, Windmill, Mosaic.
tags: react, webdev, tailwind
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xkzzzxoh6v6n1po9jm8e.jpg
---
Hello Coders, 

This article presents a curated list with open-source [React Dashboards](https://dev.to/sm0ke/react-dashboards-open-source-apps-1c7j) styled with **Tailwind CSS**. For newcomers, **React** is a popular library for coding UI interfaces from Facebook. All products can be downloaded from Github and used without a registration lock for unlimited hobby & commercial products. This is an open list, feel free to suggest more dashboards in the comments. 

---

## ✨ [Material Tailwind Kit React](https://www.creative-tim.com/product/material-tailwind-kit-react?AFFILIATE=128200)

Material Tailwind Kit React features over 120 individual components, giving you the freedom of choosing and combining. This means that there are thousands of possible combinations. 

- 👉 [Material Tailwind Kit React](https://www.creative-tim.com/product/material-tailwind-kit-react?AFFILIATE=128200) - `product page`
- 👉 [Material Tailwind Kit React](https://demos.creative-tim.com/material-tailwind-kit-react/#/?AFFILIATE=128200) - `LIVE demo`

You will save a lot of time going from prototyping to full-functional code because all elements are implemented. We wanted the design process to be seamless, so switching from the image to the real page is very easy to do.

![Material Tailwind Kit React - Free product.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/11nrd6pwrm9mtfmh18zk.png)  

---

## ✨ [Material Tailwind React](https://www.creative-tim.com/product/material-tailwind-dashboard-react?AFFILIATE=128200)

Material Tailwind Dashboard React is a free Admin Template based on two popular front-end technologies: Tailwind CSS & React. 

- 👉 [Material Tailwind Dashboard React](https://www.creative-tim.com/product/material-tailwind-dashboard-react?AFFILIATE=128200) - `product page`
- 👉 [Material Tailwind Dashboard React](https://demos.creative-tim.com/material-tailwind-dashboard-react/#/?AFFILIATE=128200) - `LIVE demo`
- 👉 [Material Tailwind](https://www.material-tailwind.com/) - `open-source` library

It was built to simplify the developer's work and it comes with a fresh design inspired by Google's Material Design. All its components are built to fit perfectly with each other, while aligning to the material concepts.

![Material Tailwind Dashboard React - Free Template.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5oa2jtoo0kuahoje74ja.png)

---

## ✨ [Notus React](https://bit.ly/36Ce789)

This open-source product is provided by Creative-Tim, a well-known agency and UI Kits provider. Notus React is built with over frontend 100 individual components, giving you the freedom to choose and combine.

- 👉 [Notus React](https://bit.ly/36Ce789) - `product page`
- 👉 [Notus React](https://bit.ly/32JqufV) - `LIVE demo`

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. You will be able to quickly set up the basic structure for your web project. 

![React Tailwind Dashboard - Notus.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ptahgeip3c1njfajxqbh.png)

---

## ✨ Windmill

Windmill Dashboard comes with a blazing fast UI styled with Tailwind, PWA support, and integrations for Charts.js and Heroicons.  

- 🦮 Throughly accessible (developed using screen readers)
- 🌗 Dark theme enabled (load even different images based on theme)
- 🧩 Multiple (custom) components
- ⚡ Code splitting

![Tailwind Cards - Windmill Dashboard.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/csr9cous84462wzozmww.png)

---

## ✨ Mosaic Lite

Responsive dashboard template built on top of Tailwind CSS and fully coded in React. It comes with several pre-coded charts (built with Chart.js 3) and widgets, and it's a great starting for anyone who wants to create a user interface for SaaS products, administrator dashboards, modern web apps, and more.

- [Mosaic Lite](https://github.com/cruip/tailwind-dashboard-template) - `product page`
- [Mosaic Lite](https://mosaic.cruip.com/) - `LIVE demo`

---

![Mosaic Lite - Open-source React Dashboard.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7x53moon2oue7379b62b.png)

---

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

- ✨ More [Free Dashboards](https://appseed.us/admin-dashboards/open-source) crafted in Django, Flask, and `React`
- ✨ More [Admin Dashboards](https://www.admin-dashboards.com/) - a huge index with products