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