VueAdmin dashboard

kui-dashboard-vue-jsx — Vue Admin dashboard Template

By kamona-ui

A backend admin dashboard template built with Vue and JSX syntax using Tailwind CSS; the repository has been migrated to a new address for continued development.

Explore the design

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

1 previews
Desktop homepage
Desktop captureTop of page

Actual screenshot captured by the server browser.

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

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-03View source

What stands out

A quick read of the recorded project description.

01

Components are written using Vue with JSX syntax, rather than single-file component form

02

Styling is based on Tailwind CSS

03

It is a backend admin dashboard template

04

The same dashboard also has Vue SFC, HTML, and Laravel package versions

05

The repository is under the MIT license, allowing free use, modification, and distribution

06

The README states that the template has been migrated to a new repository for continued development

Template Details

This template is a backend admin dashboard frontend template maintained by kamona-ui. The page structure is written using Vue components with JSX syntax, and the styling layer uses Tailwind CSS. The repository README explicitly states that the template has been migrated to a new kui-dashboard repository, where subsequent development will take place; this repository can be regarded as the JSX version prior to migration.

The repository also provides links to other implementations of the same dashboard: a Vue single-file component (SFC) version, a pure HTML version, and a Laravel package version, making it easy to choose the corresponding form based on the technology stack.

Usage involves cloning the repository, installing dependencies, and starting the development server; building and previewing are performed via the build and preview scripts respectively. The repository is under the MIT license, allowing free use, modification, commercial use, and distribution of this version's code; however, third-party assets such as demo images, fonts, and icons require separate license verification, and external services such as domains, hosting, and databases may incur additional charges.

VueBackend

Is it right for your project?

Use Cases

  • Projects that need to write Vue backend interfaces using JSX
  • Building a backend frontend based on Tailwind CSS
  • Comparing the JSX version with the Vue SFC version for technology selection
  • Using as a reference implementation for backend dashboard page structure and styling

Suitable For

  • Developers who use Vue and prefer JSX syntax
  • Backend frontend projects that adopt Tailwind CSS
  • Teams that need an MIT-licensed backend template
  • Developers who want to reference multiple implementation forms (JSX/SFC/HTML)

Getting started & customization

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

  1. 1

    The repository has been migrated; the README indicates that subsequent development takes place in the new repository, so it is advisable to confirm the version status before use

  2. 2

    After cloning the repository, run yarn install or npm install to install dependencies

  3. 3

    Run yarn dev or npm run dev to start the development server

  4. 4

    Build using yarn build or npm run build; preview using the preview script (spelled as previw in the README)

  5. 5

    Third-party assets such as demo images, fonts, and icons require separate license verification according to their respective licenses

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

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

Must comply with when using

  • Free use, modification, commercial use, and distribution of this version's code are permitted.
  • 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 template has been migrated to a new repository for continued development; this repository is the JSX version prior to migration, and the version status and subsequent maintenance should be confirmed before use.
  • The README provides a PayPal donation link, which is voluntary sponsorship and does not affect free use under the MIT license.
  • Demo images, fonts, icons, and other third-party assets require license verification according to their respective licenses; they cannot be judged solely based on the code's MIT license.
  • External services such as domains, hosting, databases, payment, or AI may incur additional charges.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

This template has been moved to this [repository](https://github.com/kamona-ui/kui-dashboard/), it will continue to be developed there.

Original README

[![PayPal Me](https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif)](https://www.paypal.me/Akamel721/)

Original README
https://github.com/kamona-ui/kui-dashboard-vue-jsx/blob/main/LICENSE.mdhttps://github.com/kamona-ui/kui-dashboard-vue-jsx/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-03. 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
More documented · 77 / 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
2025-02-04
Screenshot last checked
2026-10-03

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

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-04

Inspect the recorded source material

SHA-256: efac146c1fed228e95d41f989091b27400de1457283e1e69bedbaeb09f6e2ed1

2026-10-03T19:50:33.212Z

Source file / repository
## K UI Admin Dashboard Template (Vue 3 & JSX)

> ## ⚠️ This template has been moved to this [repository](https://github.com/kamona-ui/kui-dashboard/), it will continue to be developed there.

### [Live preview](https://kamona-ui.github.io/kui-dashboard-vue-jsx/)

##### [Vue SFC version](https://github.com/kamona-ui/kui-dashboard-vue/)

##### [HTML version](https://github.com/kamona-ui/kui-dashboard-html/)

##### [Laravel package](https://github.com/Kamona-WD/kui-laravel-breeze/)

##### To get started:

```bash
# 1. Clone the repository:
git clone https://github.com/kamona-ui/kui-dashboard-vue-jsx.git

cd kui-dashboard-vue-jsx

# 2. Install the dependencies:
yarn install # Using npm
# or
npm install # Using npm

# 3. Start the development server:
yarn dev
# or
npm run dev # Using npm
```
##### Build

```bash
yarn build # or npm run build

# Preview
yarn previw # or npm run preview
```

---

## Support

[![PayPal Me](https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif)](https://www.paypal.me/Akamel721/)

Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.