React & Tailwind - Open-source Starters and UI Kits
Tags: webdev, react, tailwindcss, opensource
Published: 2021-06-09 14:41:01

---
title: React & Tailwind - Open-source Starters and UI Kits
published: true
description: A curated list with open-source React starters and UI Kits styled with Tailwind CSS - all projects are available on Github.
tags: webdev, react, tailwind, opensource
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fo3k26rmkg37kkahpj7e.jpg
canonical_url: https://www.admin-dashboards.com/react-tailwind-open-source-starters/
---
Hello coders!

This article presents a curated list with open-source **React** projects styled with **Tailwind**, a popular and trendy CSS Framework. All products mentioned in this article can be downloaded from Github (without a registration lock) and used without limitations in commercial products. For newcomers, React is a JS library created and actively supported by Facebook.

> *Thanks for reading!* - Content provided by **[Admin Dashboards](https://www.admin-dashboards.com/)**.

---

- 🔥 [Material Tailwind React](https://bit.ly/3izhEuB) - LIVE Demo
- ✨ [Windmill React Tailwind](https://windmillui.com/dashboard-react) - Product page
- ✨ [Notus React Tailwind](https://bit.ly/36Ce789) - Product Page
- ✨ [Material Tailwind Kit React](https://bit.ly/3iqKsVN) - product page
- ✨ [Windy](https://windy-docs.vercel.app/) - React UI Kit powered by Tailwind
- ✨ FlowBite **[Tailwind components](https://flowbite.com/docs/getting-started/introduction/)** - free UI Kit 
- 🔥 More open-source [React Dashboards](https://dev.to/sm0ke/react-dashboards-open-source-apps-1c7j) 🚀🚀 | Dev.to


--- 

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

---

## 🔥 Material Tailwind React

Material Tailwind Dashboard React is a free Admin Template based on two popular front-end technologies: Tailwind CSS & React. It was built to simplify the developer's work and is 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 React](https://bit.ly/2T7jKqJ) - product page
- [Material Tailwind React](https://bit.ly/3izhEuB) - LIVE Demo

---

![Material Tailwind - Open-source React Dashboard crafted by Creative Tim.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wudh5ylou3umjub6oami.gif)

---

## ✨ Windmill React Dashboard

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

**Accessibility-first** - the product was developed listening to real screen readers, focus traps and keyboard navigation are available everywhere.

🦮 Throughly accessible (developed using screen readers)
🌗 Dark theme enabled (load even different images based on theme)
🧩 Multiple (custom) components
⚡ Code splitting
UI: Tailwind CSS, Windmill React UI (components library)
PWA-ready: delivering offline-first and app-like experience

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

---

## ✨ Notus React Tailwind

Notus React is built with over frontend 100 individual components, giving you the freedom to choose and combine. All components can take variations in colors that you can easily modify using Tailwind CSS classes. If you like bright and fresh colors, you will love this Free Tailwind CSS Template! It features a huge number of components that can help you create amazing websites.

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

---

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

---

## ✨ Material Tailwind Kit React

Material Tailwind Kit React is a free and open-source UI Kit based on two popular front-end technologies: Tailwind CSS & React. It was built to simplify the developer's work in the quest of creating intuitive interfaces.

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. All components can also take variations in color, which you can easily modify using react.js props.

- [Material Tailwind Kit React](https://bit.ly/3iqKsVN) - Product page
- [Material Tailwind Kit React](https://bit.ly/352JGXh) - LIVE Demo

---

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3yvxzjponcsta0i8g41v.png)
 ![Material Tailwind - Open-source React UI Kit.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/64iuxj96wvns7yovdn5y.png)

---

## ✨ [Windy](https://windy-docs.vercel.app/)

*The official Description* - Windy was designed from the ground up to be easily installed and used to get your website up and running quickly. Extend or customize your app layout by reusing Windy's components and Tailwind micro classes.

- [Windy](https://windy-docs.vercel.app/) - product page
- [Windy](https://github.com/webeetle/windy) - Github repo

---

![Windy - React UI Kit powered by Tailwind.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8fgxmjvb35ggwv5pow1t.jpg)

---

> **Thanks for Reading!** For more resources, please access:

---

- [React Templates](https://bit.ly/37j8JG3) - products designed by Creative-Tim
- Free [Next JS Templates](https://dev.to/sm0ke/next-js-templates-a-curated-list-56fo) - a curated list | Dev.to