React Tailwind - Free Dashboards
A curated list with React Dashboards styled with Tailwind CSS and released under permissive licenses by their vendors.: Notus, Windmill, Mosaic.
![A curated list with templates crafted on top of React and Tailwind](/content/images/size/w2000/2022/08/material-tailwind-dashboard-react-charts-min.jpg)
Hello! This article presents a curated list of open-source React Dashboards 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.
✨ Material Tailwind Dashboard React
Material Tailwind Dashboard React is a free Admin Template based on two popular front-end technologies: Tailwind CSS & React.
- 👉 Material Tailwind Dashboard React -
product page
- 👉 Material Tailwind Dashboard React -
LIVE demo
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://res.cloudinary.com/practicaldev/image/fetch/s--A10Umkn3--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5oa2jtoo0kuahoje74ja.png)
✨ Material Tailwind Kit React
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 -
product page
- 👉 Material Tailwind Kit React -
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://res.cloudinary.com/practicaldev/image/fetch/s--NNYSbHqw--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/11nrd6pwrm9mtfmh18zk.png)
✨ Notus React
This open-source product is provided by Creative-Tim, a well-known agency and UI Kits provider. Notus React is built with 100+ UI components, giving you the freedom to choose and combine.
- 👉 Notus React -
product page
- 👉 Notus React -
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://res.cloudinary.com/practicaldev/image/fetch/s--V2uEvNyy--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/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://res.cloudinary.com/practicaldev/image/fetch/s--q87X1pdi--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/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 -
product page
- Mosaic Lite -
LIVE demo
![Mosaic Lite - Open-source React Dashboard.](https://res.cloudinary.com/practicaldev/image/fetch/s--FZ4jO6K7--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7x53moon2oue7379b62b.png)
Thanks for reading!
For more resources and support, please access:
- ✨ More Free Dashboards crafted in Django, Flask, and
React
- ✨ More Admin Dashboards - a huge index with products