19 Tailwind CSS admin dashboard templates, both free and paid
Tags: tailwindcss, html, css, webdev
Published: 2022-03-03 14:53:00

*This post was originally posted on [Red Pixel Themes](https://redpixelthemes.com/blog/tailwindcss-admin-dashboard-templates/).*

---

*Note: Some of these links are affiliate links, which means we get compensated in some way if you buy through them.*


## Free templates

![argon](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kr0dnoudd40cnonrjp3c.png)

### Argon Dashboard 2 Tailwind

[Demo](https://demos.creative-tim.com/argon-dashboard-tailwind/pages/dashboard) | [Get it here](https://www.creative-tim.com/product/argon-dashboard-tailwind)

**Important bits**

* HTML/CSS template
* Includes 7 pages and 70+ components
* Includes documentation

**Description**

Argon Dashboard Tailwind is built with over 70 individual components, giving you the freedom of choosing and combining. All components can take variations in color that you can easily modify using Sass files.

![Cleopatra template](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/msoqc8gi27256r7lyi9d.jpg)

### Cleopatra

[Demo](https://moesaid.github.io/cleopatra/)  |  [Get it here](https://github.com/moesaid/cleopatra)

**Important bits**

- HTML/CSS template
- Uses SASS for styles and Gulp.js as a build tool
- Uses Chart.js for charts

**Description**

A powerful admin dashboard template built on Tailwind CSS, Cleopatra is a developer-first template, rich with features and highly customizable. Cleopatra has been carefully coded with clear comments in all of its JS, SASS, and HTML files. SASS has been used to increase code customizability.

![Vue tailwind admin template](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6d4f2maujzj4x5af8wc3.jpg)

### Vue tailwind admin

[Demo](https://angry-mahavira-9b32ec.netlify.com/)  |  [Get it here](https://github.com/Murked/vue-tailwind-admin)

**Important bits**

- Vue.js template
- Uses Chart.js for charts

**Description**

A simple admin template built using Tailwind CSS & Vue.js. This project is also running [Vuex](https://vuex.vuejs.org/) in order to control the sidebar state throughout components.

![Admin Template template](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gdkurbzn444x5h6vbkvw.jpg)

### Admin Template

[Demo](https://www.tailwindtoolbox.com/templates/admin-template)  |  [Get it here](https://github.com/tailwindtoolbox/Admin-Template)

**Important bits**

- HTML/CSS template
- Has a sticky header with a search bar and drop-down menu
- Completely responsive
- Uses Chart.js for charts

**Description**

Admin Dashboard Template is an open-source, admin dashboard template for Tailwind CSS created by Tailwind Toolbox. The template is just an HTML file using a full CDN hosted Tailwind CSS file.

![Windmill Dashboard React template](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7a1mxx84v6mino8dlluy.jpg)

### Windmill Dashboard React

[Demo](https://windmillui.com/dashboard-react)  |  [Get it here](https://github.com/estevanmaito/windmill-dashboard-react)

**Important bits**

- React template
- Throughly accessible (developed using screen readers)
- 100% keyboard navigable
- Has a dark theme

**Description**

Windwill Dashboard React is not just a template. This is a complete application, built on top of React, with all tiny details taken care of so you just need to bring the data to feed it.

![Mosaic Lite template](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/odbkq0c8s3timyi6hdd2.jpg)

### Mosaic Lite

[Demo](https://mosaic.cruip.com/)  |  [Get it here](https://github.com/cruip/tailwind-dashboard-template)

**Important bits**

- React template
- Has a paid version with more features
- Uses Vite, SASS and Chart.js

**Description**

Mosaic Lite is a responsive dashboard template built on top of TailwindCSS 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.

![Notus JS template](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ysah9q3trdfk7donr3j9.jpg)

### Notus JS

[Demo](https://demos.creative-tim.com/notus-js/)  |  [Get it here](https://www.creative-tim.com/product/notus-js)

**Important bits**

- HTML/CSS template
- Uses Fontawesome and Chart.js
- Includes 100+ individual components

**Description**

Start your development with a Free Tailwind CSS and JavaScript UI Kit and Admin. Let Notus JS amaze you with its cool features and build tools and get your project to a whole new level. This template is built with over 100 individual components, giving you the freedom to choose and combine.

![Material Tailwind Dashboard React template](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rubkg6zupknuwxns18j3.jpg)

### Material Tailwind Dashboard React

[Demo](https://demos.creative-tim.com/material-tailwind-dashboard-react/?_ga=2.53634732.586158572.1646005552-1537474038.1645132669#/)  |  [Get it here](https://www.creative-tim.com/product/material-tailwind-dashboard-react)

**Important bits**

- React template
- Includes 120 fully coded components and 4 example pages
- Includes 5 color choices

**Description**

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 it comes with a fresh design inspired by Google's Material Design. This beautiful admin also comes with 5 color filter choices for both the sidebar and the card headers (blue, green, orange, red and purple) and an option to have a background image on the sidebar.

![NextJs Tailwind Admin Panel template](https://redpixelthemes.com/cachedImages/nextjs-admin-panel-idfX3A0bd_-768w.webp)

### NextJs Tailwind Admin Panel

[Get it here](https://github.com/kamruzzamanripon/nextjs-admin-panel-with-tailwindcss)

**Important bits**

- Nextjs template
- Uses Heroicons and rc-table
- MIT-licensed

**Description**

Nextjs Admin Panel made with Tailwind CSS

![AatroX-vue template](https://redpixelthemes.com/cachedImages/aatrox-jLhLnqFTTI-768w.webp)

### AatroX-vue

[Demo](https://aatrox-vue-free.netlify.app/dashboards/dashboard-version-one)  |  [Get it here](https://github.com/uilibrary/AatroX-vue)

**Important bits**

- Made using Vue 3, Tailwind CSS and Vite
- This version has 5 demo pages but they also offer a PRO version with 50+ demo pages
- It has Nuxt-inspired routing

**Description**

A minimal admin dashboard develop with Vuejs 3, Vite, and TailwindCss. It's free and open source made by [Ui-Lib](https://ui-lib.com/)

## Paid templates


![softUI](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kgiumea5y9mtdrm55vb9.png)

### Soft UI Dashboard Pro Tailwind

[Demo](https://demos.creative-tim.com/soft-ui-dashboard-pro-tailwind/pages/dashboards/default.html) | Price: $59+ | [Get it here](https://www.creative-tim.com/product/soft-ui-dashboard-pro-tailwind)

**Important bits**

* HTML/CSS template
* Available in these versions: React, Vue, Chakra and Laravel
* Includes 55 pages and 300+ components
* Has a free version

**Description**

Soft UI Dashboard Tailwind is built with over 70 frontend individual elements, like buttons, inputs, navbars, navtabs, cards or alerts, giving you the freedom of choosing and combining. All components can take variations in colour, that you can easily modify using SASS files and classes.


![lineone](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ynmkzuptu3bzzt0wet1p.png)

### Lineone - Multipurpose Admin & Webapp UI kit

[Demo](http://preview.themeforest.net/item/lineone-multipurpose-admin-and-webapp-ui-kit-based-on-tailwind-css/full_screen_preview/38247812) | Price: $16 | [Get it here](https://themeforest.net/item/lineone-multipurpose-admin-and-webapp-ui-kit-based-on-tailwind-css/38247812#)

**Important bits**

* HTML/CSS template
* Includes 18 dashboards, 40+ pages & layouts and 1000+ components
* Has a Light and Dark Mode
* Documentation included

**Description**

Lineone is a multipurpose Admin and Webapp UI Kit based on Utility-first CSS framework TailwindCSS v3 .It also includes a multitude of reusable elements, components, layouts, forms, dashboards and webapps that you can use in your project.

![Aircontrol template](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e4q9krfihr1ykxhy169a.jpg)

### Aircontrol

[Demo](https://www.themes.dev/library/aircontrol-tailwindcss-admin-theme/#details) | Price: $149  |  [Get it here](https://themes.lemonsqueezy.com/checkout?cart=13ecf980-1407-412b-8380-9be30fc09943)

**Important bits**

- HTML/CSS template
- Includes with 174 fully designed pages
- Uses Alpine.js for interactivity
- Uses Chart.js, Heroicons and Unplash images

**Description**

Simple to understand and easy to customize admin theme. Fully responsive and made with Tailwind CSS and Alpine.js

![Notus PRO React template](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1ttsf613ivgxnz19n26i.jpg)

### Notus PRO React

[Demo](https://demos.creative-tim.com/notus-pro-react/?_ga=2.123487759.586158572.1646005552-1537474038.1645132669#/components) | Price: $79  |  [Get it here](https://secure.2checkout.com/affiliate.php?ACCOUNT=CREATIV&AFFILIATE=148180&PATH=https%3A%2F%2Fwww.creative-tim.com%2Fproduct%2Fnotus-pro-react%3FAFFILIATE%3D148180)

**Important bits**

- React template
- Has a free version
- Includes 300+ elements, 74+ design blocks and 30+ coded pages
- Uses Fontawesome and Chart.js

**Description**

Let Notus PRO React amaze you with its cool features and build tools that will get your project to a whole new level! Notus PRO React features multiple HTML and React elements, and it comes with dynamic components for React.

![Midone template](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3g0yxlyvgot1jzhk5r7w.jpg)

### Midone

[Demo](https://midone.left4code.com/) | Price: $20-27  |  [Get it here](https://1.envato.market/YgoAMr)

**Important bits**

- HTML/CSS template
- Has 3 design variations
- Also has HTML + Vue and HTML + Laravel versions.
- Includes a dark mode, 50+ production-ready pages and 100+ UI components

**Description**

Midone is an HTML admin dashboard starter kit with TailwindCSS integration. You can use several layout options as well as a TailwindCSS component. The project scaffolding and directory structure has been specially designed for production.

![Yeti Admin template](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ocz1gi87nsjpmmkfrzbv.jpg)

### Yeti Admin

[Demo](https://preview.themeforest.net/item/yeti-admin-tailwind-css/full_screen_preview/29702349) | Price: $17  |  [Get it here](https://1.envato.market/5XNK3)

**Important bits**

- HTML/CSS template
- Includes dark mode and 15+ color themes
- Uses Tippy.js, Charts.js, Glide.js, Animate.css, SortableJS and Line Awesome

**Description**

Yeti Admin template is designed with simplicity in mind. All the pages and apps are well crafted to suit any Admin and Web App needs. All the JavaScript functions are well written in Vanilla JS.

![FUSE React template](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/37f7ol7rniipi04jr922.jpg)

### FUSE React

[Demo](http://preview.themeforest.net/item/fuse-react-react-redux-material-design-admin-template/full_screen_preview/21769397) | Price: $26 | [Get it here](http://1.envato.market/x9bKYy)

**Important bits**

- React template
- Includes 5 pre-built examples, 20+ pages, and many reusable react components
- Includes design files

**Description**

Fuse React is a complete React admin template that follows Google’s Material Design guidelines. This template uses Material UI V5 as a primary UI library while using Redux Toolkit for state management.

![Eventex template](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8fxm35wzk9bujdb6llof.jpg)

### Eventex

Price: $13-45 | [Get it here](https://tailwinduikit.com/templates/eventex-events-webapp)

**Important bits**

- Available in HTML, Vue, React, and Angular versions
- 5 pages template
- Meets WCAG accessibility guidelines

**Description**

Eventex is an innovative, fresh approach to designing a web application for an event. It allows you to monitor every detail about your event. A stunning interface with interactive visuals enables Eventex to stand out.

![TailStack template](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eelo701mb37vfpmkuqhu.jpg)

### TailStack

[Demo](https://preview.themeforest.net/item/tailstack-tailwind-admin-dashboard/full_screen_preview/28906006?_ga=2.90754642.95246007.1646019869-2068169371.1561483893&_gac=1.79532390.1646019869.Cj0KCQiA3-yQBhD3ARIsAHuHT65oApOPNvLWjpvJaMrWHFZUveimr8P19YomlWsyW5GtHZw1-1em8WEaAv_UEALw_wcB) | Price: $18 | [Get it here](https://1.envato.market/rnbKYD)

**Important bits**

- HTML/CSS template
- Includes multiple layouts, demos, various chart styles, and precomposed components
- Uses SASS and Chart.js

**Description**

TailStack is a fully responsive Tailwind CSS Admin Template with multiple designs, layouts and user interface components.