VueAdmin dashboard

Dashboard-VueTailwind — Vue Admin dashboard Template

By Ulrich-Mbouna

A free admin dashboard template built with Vue 3 and Tailwind CSS, featuring a responsive sidebar layout and reusable components, released under the MIT license.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

1 previews
Author preview
Author-provided preview

Preview provided in the project README.

One original preview is available. Open the full image to inspect the design.

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-13View source

What stands out

A quick read of the recorded project description.

01

Built with Vue 3 and Tailwind CSS, using the Composition API

02

Single-page application structure with Vuex state management and Vue Router routing

03

Provides multiple responsive layouts for mobile, tablet, 1024px small laptops, and desktop

04

Includes reusable components; the README states production CSS is 27kb

05

Released for free under the MIT license, with a separate paid premium version

Template Details

Dashboard-VueTailwind is an admin dashboard template built with Vue 3 and Tailwind CSS, using the Composition API to organize component logic. It is a single-page application (SPA) that integrates Vuex for state management and Vue Router for routing. The README states that its production CSS size is 27kb and that it provides reusable components.

In terms of layout, the template adapts to different screens: the side menu is hidden on mobile and tablet, and cards and tables can be collapsed; on 1024px small laptops, a show/hide toggle for the side menu is provided; on laptops and desktops, it uses the classic layout with a fixed left side menu.

Regarding licensing and versions, the free version in the repository is released under the MIT license, allowing free use, modification, commercial use, and distribution, provided that the copyright notice and the full MIT license notice are retained when distributing. The project materials also mention the existence of a paid premium version; this listing covers only the public free code and does not include paid upgrade content. Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses.

In terms of support, the README states that it will try to ensure normal operation in the latest versions of mainstream browsers and lists Chrome, Firefox, Edge, Safari, and Opera. Community support for the free version is limited to issue reports on GitHub, and the issue list accepts only bug reports and feature requests, not usage questions.

VueBackend

Is it right for your project?

Use Cases

  • Building an admin interface that requires side navigation and multi-screen adaptation
  • Using it as a UI starting point for a Vue 3 + Tailwind CSS project, replacing or extending its reusable components
  • Referencing its SPA organization approach in projects that already use Vuex and Vue Router

Suitable For

  • Front-end developers using the Vue 3 and Tailwind CSS stack
  • Teams that need a ready-made admin panel layout and will connect their own data and APIs
  • Individuals or organizations that want to freely modify and distribute the code under the MIT license

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Clone or download the repository locally, then enter the project directory and run npm install to install dependencies

  2. 2

    Run npm run serve for development, npm run build for production builds, and npm run lint for code checking and fixing

  3. 3

    The free version is supported through the GitHub community; issues accept only bug reports and feature requests, not usage questions

  4. 4

    When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice

  5. 5

    Third-party assets such as demo images, fonts, and icons must be checked under their respective licenses; external services may charge separately

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This listing covers the free version in the public repository that is released under the MIT license; the free scope is the code of that version and does not mean that external services or third-party assets are free.

Must comply with when using

  • You may freely use, modify, commercially use, and distribute the code of this version.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • The project materials mention optional paid versions or features; this listing covers only the public free code and does not include paid upgrades.
  • Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses and cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur separate charges.
  • The free version provides only GitHub community support and does not include official or commercial technical support.
  • The GitHub issue list accepts only bug reports and feature requests, not usage questions; issues that do not meet the requirements will be closed.
  • The project also has a paid premium version; the free scope is limited to the public free code in this repository and does not include paid upgrade content.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

JustBoil's free items are limited to community support on GitHub.

Original README

The issue list is reserved exclusively for bug reports and feature requests. That means we do not accept usage questions.

Original README

[Premium version](https://justboil.me/tailwind-admin-templates/vue-dashboard) available

Original README
https://github.com/Ulrich-Mbouna/Dashboard-VueTailwind/blob/master/LICENSEhttps://github.com/Ulrich-Mbouna/Dashboard-VueTailwind/blob/master/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-13. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
Less documented · 53 / 100
Technologies
Vue
Website type
Admin dashboard
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2021-08-25
Screenshot last checked
2026-10-13

No demo link is recorded. Use the repository instructions to evaluate the project locally; the screenshot alone cannot establish interactive behavior.

The catalog identifies Vue as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Review declaration: [email protected] · 2026-10-13

Inspect the recorded source material

SHA-256: 797759f190a5868c93c32cbe6a4c488406a5d54ab4479942bd6413960a025157

2026-10-13T03:58:56.341Z

Source file / repository
# [Admin One — Free Vue.js 3 Tailwind Admin Dashboard](https://justboil.me/tailwind-admin-templates)

[![version](https://img.shields.io/github/v/release/justboil/admin-one-vue-tailwind?1.1.0)](https://justboil.me/tailwind-admin-templates)  [![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://justboil.me/tailwind-admin-templates)

[![Free Vue 3 Tailwind CSS admin dashboard](https://justboil.me/images/one-vue3-tailwind/repository-preview-hi-res.png)](https://justboil.github.io/admin-one-vue-tailwind/)

**Admin One** is simple, beautiful and free Vue.js 3 Tailwind CSS admin dashboard

* Built with **Vue.js 3**, **Tailwind CSS** framework & **Composition API** 
* SPA with **Vuex** & **Router**
* **Production CSS** is only **27kb**
* Reusable components
* Free under MIT License
* [Premium version](https://justboil.me/tailwind-admin-templates/vue-dashboard) available

## Responsive layout

### Mobile & tablet

Mobile layout with hidden aside menu and collapsable cards & tables

[![Free Vue 3 Tailwind CSS admin dashboard](https://justboil.me/images/one-tailwind/repository-preview-m-hi-res.png)](https://justboil.github.io/admin-one-vue-tailwind/)

### Small laptops 1024px

Small laptop layout with show/hide aside menu option

[![Free Vue 3 Tailwind CSS admin dashboard](https://justboil.me/images/one-tailwind/repository-preview-1024.png)](https://justboil.github.io/admin-one-vue-tailwind/)

[![Free Vue 3 Tailwind CSS admin dashboard](https://justboil.me/images/one-tailwind/repository-preview-1024-menu.png)](https://justboil.github.io/admin-one-vue-tailwind/)

### Laptops & desktops

Classic layout with aside menus on the left

[![Free Vue 3 Tailwind CSS admin dashboard](https://justboil.me/images/one-tailwind/repository-preview-no-libs.png)](https://justboil.github.io/admin-one-vue-tailwind/)

## Table of Contents

* [Other versions](#other-versions)
* [Demo](#demo)
* [Quick Start](#quick-start)
* [Browser Support](#browser-support)
* [Reporting Issues](#reporting-issues)
* [Licensing](#licensing)
* [Useful Links](#useful-links)

## Other versions

This is Vue.js 3 Tailwind CSS admin dashboard version

<table>
    <tr>
        <td align="center" colspan="2"><a href="https://justboil.me/tailwind-admin-templates"><img src="https://justboil.me/images/tailwind-gh-logo.png?v=2" width="219" height="40" alt="Tailwind CSS admin dashboard templates"></a></td>
    </tr>
    <tr>
        <td align="center"><a href="https://github.com/justboil/admin-one-tailwind" title="Free Tailwind CSS admin dashboard HTML"><img src="https://justboil.me/svg/language-html5.svg" width="64" height="64"></a></td>
        <td align="center"><a href="https://github.com/justboil/admin-one-vue-tailwind" title="Free Vue.js 3 Tailwind CSS admin dashboard"><img src="https://justboil.me/svg/vuejs.svg" width="64" height="64"></a></td>
    </tr>
    <tr>
        <td align="center">Tailwind admin dashboard<br/>Pure HTML/CSS<br/><br/><a href="https://github.com/justboil/admin-one-tailwind" title="Free Tailwind admin dashboard HTML CSS">Free</a></td>
        <td align="center">Tailwind admin dashboard<br/>Vue.js 3<br/><br/><a href="https://github.com/justboil/admin-one-vue-tailwind" title="Free Vue.js 3 Tailwind CSS admin dashboard">Free</a> | <a href="https://justboil.me/tailwind-admin-templates/vue-dashboard" title="Vue.js 3 Tailwind CSS admin dashboard">Premium</a></td>
    </tr>
</table>

## Demo

#### Free Dashboard Demo

https://justboil.github.io/admin-one-vue-tailwind/

#### Premium Dashboard Demo

https://tailwind-vue.justboil.me/

## Quick Start

#### Get the repo

* [Create new repo](https://github.com/justboil/admin-one-vue-tailwind/generate) from this template
* &hellip; or clone the repo on GitHub
* &hellip; or [download .zip](https://github.com/justboil/admin-one-vue-tailwind/archive/master.zip) from GitHub

#### Project setup

`cd` to project's dir and run `npm install`

#### Compiles and hot-reloads for development
```
npm run serve
```

#### Compiles and minifies for production
```
npm run build
```

#### Lints and fixes files
```
npm run lint
```

## Browser Support

We try to make sure Dashboard works well in the latest versions of all major browsers

<img src="https://justboil.me/images/browsers-svg/chrome.svg" width="64" height="64" alt="Chrome"> <img src="https://justboil.me/images/browsers-svg/firefox.svg" width="64" height="64" alt="Firefox"> <img src="https://justboil.me/images/browsers-svg/edge.svg" width="64" height="64" alt="Edge"> <img src="https://justboil.me/images/browsers-svg/safari.svg" width="64" height="64" alt="Safari"> <img src="https://justboil.me/images/browsers-svg/opera.svg" width="64" height="64" alt="Opera">

## Reporting Issues

JustBoil's free items are limited to community support on GitHub.

The issue list is reserved exclusively for bug reports and feature requests. That means we do not accept usage questions. If you open an issue that does not conform to the requirements, it will be closed.

1. Make sure that you are using the latest version of the Dashboard. Issues for outdated versions are irrelevant
2. Provide steps to reproduce
3. Provide an expected behavior
4. Describe what is actually happening
5. Platform, Browser & version as some issues may be browser specific

## Licensing

- Copyright &copy; 2019-2021 JustBoil.me (https://justboil.me)
- Licensed under MIT

## Useful Links

- [JustBoil.me](https://justboil.me/)
- [TailwindCSS](https://tailwindcss.com/)
- [Vue.js 3](https://v3.vuejs.org/)
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.