Midone - Vuejs 3 Admin Dashboard Template + HTML Version + XD Design File

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/