Vuejs Admin Dashboard Template

Midone is a premium, high-performance Admin Dashboard Template meticulously crafted for developers who demand excellence. Built with Vue 3, Vite, and the utility-first power of Tailwind CSS 4, Midone offers a seamless development experience for building sophisticated enterprise applications, CRMs, and complex information systems.

Our philosophy focuses on deep Accessibility and Performance. By leveraging Zag.js for state machines, we ensure every component—from complex datepickers to interactive charts—is not only visually stunning but also follows strict WAI-ARIA standards. Every line of code is optimized for speed, providing a lightweight yet powerful foundation that lets you build faster.

With its modern, pixel-perfect aesthetics and native Dark Mode support, Midone delivers a premium user experience right out of the box. Whether you are an experienced architect or scaling your first project, Midone’s intuitive structure and modular component architecture will accelerate your development workflow from concept to production.

Key Features

Powered by Tailwind CSS 4 and Vite
30+ accessible components with Zag.js
Advanced Dark Mode with premium design

Pages

4 Dashboards (Overview 1-4)
E-Commerce (Product List, Grid, Add Product, Reviews)
Transactions (List & Detail)
Sellers (List & Detail)
Apps (Chat, Inbox, File Manager, Point of Sale, Post)
Layouts (3 Wizards, 3 Blogs, 3 Pricing, 2 Invoices, 3 FAQ)
User Management (3 Profile Overviews, 3 Profile Settings, 3 User Layouts)
Forms (Crud Form, Crud Data List, Wizard Layouts)
Authentication (Login, Register, Error Page)
Account (Update Profile, Change Password)

Built-in Components

Navigation (Breadcrumb, Menu, Pagination, Tabs)
Forms (Input, Checkbox, Radio Group, Select, Combobox, Datepicker, Switch, Slider, Textarea)
Data Display (Badge, Avatar, Table, Chart, Map, File Icon)
Feedback (Alert, Progress Circular, Progress Linear, Toast, Tooltip)
Overlay (Dialog, Popover, Sheet, Menu)
Layout (Accordion, Box, Carousel, Separator, Scroll Area)

Important Notes

Preview images are not included in the download file.

File Formats Included

CSS
HTML
TS
Documentation in HTML

Credits

TailwindCSS – https://tailwindcss.com/
Vuejs – https://vuejs.org/
Zag.js – https://zagjs.com/
Chart.js – https://www.chartjs.org/
TanStack Table – https://tanstack.com/table
MapLibre GL JS – https://maplibre.org/
Lucide Icons – https://lucide.dev/

Midone - Tailwind CSS Vuejs 3 Admin Dashboard Template