Vuejs Admin Dashboard Template

Midone is a responsive and feature-rich admin template built using the utility-first CSS framework Tailwind CSS . It is perfect for developers looking for a ready-made, developer-friendly, and highly customizable admin dashboard. The template includes a wide range of pre-designed UI components and utility classes that can be easily customized without leaving the HTML code.

Whether you’re building backend applications, information systems, CRM, or starting a new simple project, Midone is an excellent choice. With its modern, unique, and flexible design, it is perfect for learning how to use Tailwind CSS . Check out the live preview and discover all the themes and features included in the template.

Features

• Vue 3
• TailwindCSS 3
• Vite 4
• Pinia
• PostCss
• Typescript 5+
• 50+ Pages
• 100+ Components
• 3 Menu layouts
• 3 Form wizard layouts
• 3 Blog layouts
• 2 Pricing layouts
• 2 Invoice layouts
• 3 FAQ layouts
• Login page
• Register page
• Error page
• Update profile page
• Change password page
• 3 Users layouts
• 3 Profile settings layouts
• Post news applications
• Inbox applications
• File manager applications
• Chat applications
• POS applications
• CRUD applications
• Regular & Tabulator table
• Accordion components
• Button components
• Modal components
• Alert components
• Progressbar components
• Tooltip components
• Dropdown components
• Toast/alert components
• Typography components
• Lucide icons
• Regular form
• Datepicker components
• Tom-select components
• Dropzone components
• Sumernote editor components
• Validation form components
• Chart widget
• Slider widget
• Image zoom widget
• Addon utilities and helper classes
• Free lifetime updates
• And much more..

Important Notes

• Preview images are not included in the download file.
• The XD design files are provided as a bonus file, we don’t accept any support request for these files.

File Formats Included

• CSS
• HTML
• TS
• XD Design Files – (Rubick Version)
• Documentation in HTML

Credits

• TailwindCSS – https://tailwindcss.com/
• Vuejs – https://vuejs.org/
• Lucide Icons – https://lucide.dev/
• Fonts – https://fonts.google.com/specimen/Roboto

Changelog

Release Date - 8 Jan, 2024 ---------------------------------------------------------------- - Unified Themes: We've merged all themes Rubick, Icewall, Tinker, and Enigma—into a single, powerhouse project! - Update package dependencies. Release Date - 10 Jul, 2023 ---------------------------------------------------------------- - Rubick - Version 5.0.6 - Update dependencies. - Icewall - Version 4.0.6 - Update dependencies. - Tinker - Version 4.0.6 - Update dependencies. - Enigma - Version 2.0.6 - Update dependencies. Release Date - 7 Jun, 2023 ---------------------------------------------------------------- - Rubick - Version 5.0.5 - Fix reactivity issue with Litepicker component. - Icewall - Version 4.0.5 - Fix reactivity issue with Litepicker component. - Tinker - Version 4.0.5 - Fix reactivity issue with Litepicker component. - Enigma - Version 2.0.5 - Fix reactivity issue with Litepicker component. Release Date - 23 May, 2023 ---------------------------------------------------------------- - Rubick - Version 5.0.4 - Fixed typing issue on production build. - Icewall - Version 4.0.4 - Fixed typing issue on production build. - Tinker - Version 4.0.4 - Fixed typing issue on production build. - Enigma - Version 2.0.4 - Fixed typing issue on production build. Release Date - 3 May, 2023 ---------------------------------------------------------------- - Rubick - Version 5.0.3 - Add a new Leaflet component. - Add functionality to be able to force an active menu from every page. - Update HeadlessUI version. - Icewall - Version 4.0.3 - Add a new Leaflet component. - Add functionality to be able to force an active menu from every page. - Update HeadlessUI version. - Tinker - Version 4.0.3 - Add a new Leaflet component. - Add functionality to be able to force an active menu from every page. - Update HeadlessUI version. - Enigma - Version 2.0.3 - Add a new Leaflet component. - Add functionality to be able to force an active menu from every page. - Update HeadlessUI version. Release Date - 2 Mar, 2023 ---------------------------------------------------------------- - Rubick - Version 5.0.2 - Update HeadlessUI version. - Icewall - Version 4.0.2 - Update HeadlessUI version. - Tinker - Version 4.0.2 - Update HeadlessUI version. - Enigma - Version 2.0.2 - Update HeadlessUI version. Release Date - 11 Jan, 2023 ---------------------------------------------------------------- - Rubick - Version 5.0.1 - Update HeadlessUI version. - Icewall - Version 4.0.1 - Update HeadlessUI version. - Tinker - Version 4.0.1 - Update HeadlessUI version. - Enigma - Version 2.0.1 - Update HeadlessUI version. Release Date - 28 Nov, 2022 ---------------------------------------------------------------- - Rubick - Version 5.0.0 - Migration to Typescript. - Migrated some base components to HeadlessUI. - Update all package dependencies. - Update directory structure. - Icewall - Version 4.0.0 - Migration to Typescript. - Migrated some base components to HeadlessUI. - Update all package dependencies. - Update directory structure. - Tinker - Version 4.0.0 - Migration to Typescript. - Migrated some base components to HeadlessUI. - Update all package dependencies. - Update directory structure. - Enigma - Version 2.0.0 - Migration to Typescript. - Migrated some base components to HeadlessUI. - Update all package dependencies. - Update directory structure. Release Date - 16 Aug, 2022 ---------------------------------------------------------------- - Rubick - Version 4.0.10 - Update tom-select component, add the ability to access tom-select instance. - Icewall - Version 3.0.10 - Update tom-select component, add the ability to access tom-select instance. - Tinker - Version 3.0.10 - Update tom-select component, add the ability to access tom-select instance. - Enigma - Version 1.0.8 - Update tom-select component, add the ability to access tom-select instance. Release Date - 9 Jun, 2022 ---------------------------------------------------------------- - Rubick - Version 4.0.9 - Fix tom-select issue, can't set border color. - Switching between pages will now automatically hide the dropdown component. - Icewall - Version 3.0.9 - Fix tom-select issue, can't set border color. - Switching between pages will now automatically hide the dropdown component. - Tinker - Version 3.0.9 - Fix tom-select issue, can't set border color. - Switching between pages will now automatically hide the dropdown component. - Enigma - Version 1.0.7 - Fix tom-select issue, can't set border color. - Switching between pages will now automatically hide the dropdown component. Release Date - 30 May, 2022 ---------------------------------------------------------------- - Rubick - Version 4.0.8 - Add a new "E-Commerce" app. - Fix mobile menu issue on dark mode version (background doesn't change properly). - Fix CKeditor issue (heading & list not working properly). - Icewall - Version 3.0.8 - Add a new "E-Commerce" app. - Fix mobile menu issue on dark mode version (background doesn't change properly). - Fix CKeditor issue (heading & list not working properly). - Tinker - Version 3.0.8 - Add a new "E-Commerce" app. - Fix mobile menu issue on dark mode version (background doesn't change properly). - Fix CKeditor issue (heading & list not working properly). - Enigma - Version 1.0.6 - Add a new "E-Commerce" app. - Fix mobile menu issue on dark mode version (background doesn't change properly). - Fix CKeditor issue (heading & list not working properly). Release Date - 21 May, 2022 ---------------------------------------------------------------- - Rubick - Version 4.0.7 - Update Tailwind version. - Fix postcss issue with the latest Tailwind version. - Remove Tailwind config warning. - Rework mobile menu. - Icewall - Version 3.0.7 - Update Tailwind version. - Fix postcss issue with the latest Tailwind version. - Remove Tailwind config warning. - Rework mobile menu. - Tinker - Version 3.0.7 - Update Tailwind version. - Fix postcss issue with the latest Tailwind version. - Remove Tailwind config warning. - Rework mobile menu. - Enigma - Version 1.0.5 - Update Tailwind version. - Fix postcss issue with the latest Tailwind version. - Remove Tailwind config warning. - Rework mobile menu. Release Date - 29 Apr, 2022 ---------------------------------------------------------------- - Rubick - Version 4.0.6 - Fix Tom select component dropdown always closes every selection on multiple select. - Add starter version. - Icewall - Version 3.0.6 - Fix Tom select component dropdown always closes every selection on multiple select. - Add starter version. - Tinker - Version 3.0.6 - Fix Tom select component dropdown always closes every selection on multiple select. - Add starter version. - Enigma - Version 1.0.4 - Fix Tom select component dropdown always closes every selection on multiple select. - Add starter version. Release Date - 14 Apr, 2022 ---------------------------------------------------------------- - Rubick - Version 4.0.5 - Fix Tailwind version issue. - Icewall - Version 3.0.5 - Fix Tailwind version issue. - Tinker - Version 3.0.5 - Fix Tailwind version issue. - Enigma - Version 1.0.3 - Fix Tailwind version issue. Release Date - 1 Apr, 2022 ---------------------------------------------------------------- - Rubick - Version 4.0.4 - Update Chart.js to v3+. - Fix tab component reactivity issue. - Icewall - Version 3.0.4 - Update Chart.js to v3+. - Fix tab component reactivity issue. - Tinker - Version 3.0.4 - Update Chart.js to v3+. - Fix tab component reactivity issue. - Enigma - Version 1.0.2 - Update Chart.js to v3+. - Fix tab component reactivity issue. Release Date - 23 March, 2022 ---------------------------------------------------------------- - Rubick - Version 4.0.3 - Add new dashboard page. - Icewall - Version 3.0.3 - Add new dashboard page. - Tinker - Version 3.0.3 - Add new dashboard page. - Enigma - Version 1.0.1 - Introducing new theme "Enigma". Release Date - 18 Mar, 2022 ---------------------------------------------------------------- - Rubick - Version 4.0.2 - Update Tom-Select component. - Update Notification (ToastifyJs) component. - Icewall - Version 3.0.2 - Update Tom-Select component. - Update Notification (ToastifyJs) component. - Tinker - Version 3.0.2 - Update Tom-Select component. - Update Notification (ToastifyJs) component. Release Date - 2 Mar, 2022 ---------------------------------------------------------------- - Rubick - Version 4.0.1 - Update built-in components and documentation (modal, slide over, alert, tab, accordion, dropdown). - Replace Feather icons with Lucide icons. - Icewall - Version 3.0.1 - Update built-in components and documentation (modal, slide over, alert, tab, accordion, dropdown). - Replace Feather icons with Lucide icons. - Tinker - Version 3.0.1 - Update built-in components and documentation (modal, slide over, alert, tab, accordion, dropdown). - Replace Feather icons with Lucide icons. Release Date - 26 Jan 2022 ---------------------------------------------------------------- - Rubick - Version 4.0.0 - Update to TailwindCSS 3. - Migrate Vue CLI to Vite. - Migrate Vuex to Pinia. - Refactor the color configuration. (Each theme currently uses only a few primary colors for easy customization and component usage) - Refactor dark-mode colors. - Add a new color scheme feature. - Remove SASS and replace it with regular CSS & PostCSS plugin for better compile speed. - Remove cash-dom dependency. - Icewall - Version 3.0.0 - Update to TailwindCSS 3. - Migrate Vue CLI to Vite. - Migrate Vuex to Pinia. - Refactor the color configuration. (Each theme currently uses only a few primary colors for easy customization and component usage) - Refactor dark-mode colors. - Add a new color scheme feature. - Remove SASS and replace it with regular CSS & PostCSS plugin for better compile speed. - Remove cash-dom dependency. - Tinker - Version 3.0.0 - Update to TailwindCSS 3. - Migrate Vue CLI to Vite. - Migrate Vuex to Pinia. - Refactor the color configuration. (Each theme currently uses only a few primary colors for easy customization and component usage) - Refactor dark-mode colors. - Add a new color scheme feature. - Remove SASS and replace it with regular CSS & PostCSS plugin for better compile speed. - Remove cash-dom dependency. Release Date - 23 Aug 2021 ---------------------------------------------------------------- - Rubick - Version 3.0.0 - Update Vue CLI version (Webpack 5 support) - Replace CKEditor source build with compiled build. - Enable TailwindCSS JIT Mode. - Icewall - Version 2.0.0 - Update Vue CLI version (Webpack 5 support) - Replace CKEditor source build with compiled build. - Enable TailwindCSS JIT Mode. - Tinker - Version 2.0.0 - Update Vue CLI version (Webpack 5 support) - Replace CKEditor source build with compiled build. - Enable TailwindCSS JIT Mode. Release Date - 02 Aug 2021 ---------------------------------------------------------------- - Rubick - Version 2.1.0 - Remove unused tailwind configuration. - Remove custom breakpoint configuration and change "xxl" variant to "2xl". - Fix full calendar plugin responsive issue on a mobile screen. - Fix tiny slider plugin showing warning message while running compiler. - Icewall - Version 1.0.8 - Remove unused tailwind configuration. - Remove custom breakpoint configuration and change "xxl" variant to "2xl". - Fix full calendar plugin responsive issue on a mobile screen. - Fix tiny slider plugin showing warning message while running compiler. - Tinker - Version 1.0.4 - Remove unused tailwind configuration. - Remove custom breakpoint configuration and change "xxl" variant to "2xl". - Fix full calendar plugin responsive issue on a mobile screen. - Fix tiny slider plugin showing warning message while running compiler. Release Date - 29 Jun 2021 ---------------------------------------------------------------- - Rubick - Version 2.0.10 - Fix dropdown showing under overlay when used inside modal. - Fix Tom Select component reactivity issue. - Icewall - Version 1.0.7 - Fix dropdown showing under overlay when used inside modal. - Fix Tom Select component reactivity issue. - Tinker - Version 1.0.3 - Fix dropdown showing under overlay when used inside modal. - Fix Tom Select component reactivity issue. Release Date - 15 Jun 2021 ---------------------------------------------------------------- - Rubick - Version 2.0.9 - Replace Tail Select with Tom Select as it's no longer maintained. - Icewall - Version 1.0.6 - Replace Tail Select with Tom Select as it's no longer maintained. - Tinker - Version 1.0.2 - Replace Tail Select with Tom Select as it's no longer maintained. Release Date - 23 May 2021 ---------------------------------------------------------------- - Rubick - Version 2.0.8 - Update core dependencies. - Icewall - Version 1.0.5 - Update core dependencies. - Tinker - Version 1.0.1 - Introducing new theme "Tinker". Release Date - 03 May 2021 ---------------------------------------------------------------- - Rubick - Version 2.0.7 - Update google map component & dependencies. - Fix active state issue on mobile menu. - Fix litepicker "z-index" issue. - Update core dependencies. - Icewall - Version 1.0.4 - Update google map component & dependencies. - Fix active state issue on mobile menu. - Fix litepicker "z-index" issue. - Update core dependencies. Release Date - 12 April 2021 ---------------------------------------------------------------- - Rubick - Version 2.0.6 - Update CKEditor component. - Icewall - Version 1.0.3 - Update CKEditor component. Release Date - 08 April 2021 ---------------------------------------------------------------- - Rubick - Version 2.0.5 - Update TailwindCSS version. - Add new dashboard page. - Update CKEditor version. - Icewall - Version 1.0.2 - Update TailwindCSS version. - Add new dashboard page. - Fix responsive issue on top menu layout. - Update CKEditor version. Release Date - 10 March 2021 ---------------------------------------------------------------- - Rubick - Version 2.0.4 - Fix litepicker component issue. - Icewall - Version 1.0.3 - Introducing new theme "Icewall" Release Date - 20 February 2021 ---------------------------------------------------------------- - Rubick - Version 2.0.3 - Add new dashboard, calendar & slide over page - Remove the Toastify page and add a new Notification page - Add new notification variants - Rework some component class names (Eg: Button, Dropdown, Accordion, Modal, Progress Bar, Alert, Form Elements) - Add a new static-backdrop feature on the modal show - UI design improvements - Bug fixes and performance improvements Release Date - 17 December 2020 ---------------------------------------------------------------- - Rubick - Version 2.0.2 - Fix dropdown issue on the first-page load - Update XD design files - UI design improvements - Bug fixes and performance improvements Release Date - 10 December 2020 ---------------------------------------------------------------- - Rubick - Version 2.0.1 - UI design improvements - Bug fixes and performance improvements Release Date - 8 December 2020 ---------------------------------------------------------------- - Rubick - Version 2.0.0 - Release Vue 3 support (Composition API) + Tailwind 2 - UI design improvements - Bug fixes and performance improvements Release Date - 6 October 2020 ---------------------------------------------------------------- - Rubick - Version 1.0.3 - Add new Laravel + Vue version Release Date - 7 September 2020 ---------------------------------------------------------------- - Rubick - Version 1.0.2 - Add new dark mode version - Rework dropdown component placement by using popper.js - Add new programmatically show/hide methods for dropdown component - Add new data-dismiss property to dismiss the dropdown box - Change cash-dom global identifier from $() to cd() - Bug fixes and performance improvements Release Date - 1 September 2020 ---------------------------------------------------------------- - Rubick - Version 1.0.1 - Dropping Vuetable and replaced with Tabulator - Change side menu slide down and slide up CSS transition with VelocityJs Release Date - 11 August 2020 ---------------------------------------------------------------- - Rubick - Version 1.0.0 - Initial Release