Midone - Tailwind CSS HTML Admin Dashboard Template

HTML 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

• TailwindCSS 3+
• ESBuild
• PostCss
• 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
• JS
• XD Design Files – (Rubick Version)
• Documentation in HTML

Credits

• TailwindCSS – https://tailwindcss.com/
• ESBuild – https://esbuild.github.io/
• Lucide Icons – https://lucide.dev/
• Fonts – https://fonts.google.com/specimen/Roboto

Changelog

Release Date - 25 Jan, 2024
----------------------------------------------------------------
- Build Tool Transition: We've streamlined our build process by transitioning from Vite to ESBuild. This change simplifies integration with monolith frameworks like Django or ASP.NET, reducing backend complexities associated with manifest file handling. The move to ESBuild ensures an efficient and straightforward bundling experience, addressing concerns raised by our users. We appreciate your feedback and are committed to enhancing the developer experience.

Release Date - 5 Jan, 2024
----------------------------------------------------------------
- Build Tool Upgrade: We've migrated from Laravel Mix to Vite, enhancing the template's performance and build processes.
- Consolidated Themes: Previously, each theme (Rubick, Icewall, Tinker, Enigma) was managed as a separate project. Now, we've streamlined the experience by merging all themes into one cohesive project.

Release Date - 9 Jun, 2022
----------------------------------------------------------------
- Rubick - Version 4.0.7
 - Fix tom-select issue, can't set border color.

- Icewall - Version 2.0.7
 - Fix tom-select issue, can't set border color.

- Tinker - Version 2.0.7
 - Fix tom-select issue, can't set border color.

- Enigma - Version 1.0.5
 - Fix tom-select issue, can't set border color.

Release Date - 29 May, 2022
----------------------------------------------------------------
- Rubick - Version 4.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).

- Icewall - Version 2.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).

- Tinker - Version 2.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).

- Enigma - Version 1.0.4
 - 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.5
 - Update Tailwind version.
 - Fix postcss issue with the latest Tailwind version.
 - Remove Tailwind config warning.
 - Rework mobile menu.

- Icewall - Version 2.0.5
 - Update Tailwind version.
 - Fix postcss issue with the latest Tailwind version.
 - Remove Tailwind config warning.
 - Rework mobile menu.

- Tinker - Version 2.0.5
 - Update Tailwind version.
 - Fix postcss issue with the latest Tailwind version.
 - Remove Tailwind config warning.
 - Rework mobile menu.

- Enigma - Version 1.0.3
 - Update Tailwind version.
 - Fix postcss issue with the latest Tailwind version.
 - Remove Tailwind config warning.
 - Rework mobile menu.

Release Date - 1 Apr, 2022
----------------------------------------------------------------
- Rubick - Version 4.0.4
 - Update Chart.js to v3+.

- Icewall - Version 2.0.4
 - Update Chart.js to v3+.

- Tinker - Version 2.0.4
 - Update Chart.js to v3+.

- Enigma - Version 1.0.2
 - Update Chart.js to v3+.

Release Date - 22 March, 2022
----------------------------------------------------------------
- Rubick - Version 4.0.3
 - Add new dashboard page.

- Icewall - Version 2.0.3
 - Add new dashboard page.

- Tinker - Version 2.0.3
 - Add new dashboard page.

- Enigma - Version 1.0.1
 - Introducing new theme "Enigma".

Release Date - 25 Feb, 2022
----------------------------------------------------------------
- Rubick - Version 4.0.2
 - Update built-in components JS API and documentation (modal, slide over, alert, tab, accordion, dropdown).
 - Replace Feather icons with Lucide icons.

- Icewall - Version 2.0.2
 - Update built-in components JS API and documentation (modal, slide over, alert, tab, accordion, dropdown).
 - Replace Feather icons with Lucide icons.

- Tinker - Version 2.0.2
 - Update built-in components JS API and documentation (modal, slide over, alert, tab, accordion, dropdown).
 - Replace Feather icons with Lucide icons.

Release Date - 18 Jan, 2022
----------------------------------------------------------------
- Rubick - Version 4.0.1
 - Update to TailwindCSS 3.
 - 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.
 - Fix Laravel Mix performs an infinite loop when enabling JIT mode. (CSS compilation has now been migrated to use the Tailwind CLI & PostCSS CLI instead of using Laravel Mix)
 - Remove SASS and replace it with regular CSS & PostCSS plugin for better compile speed.
 - Remove cash-dom dependency.

- Icewall - Version 2.0.1
 - Update to TailwindCSS 3.
 - 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.
 - Fix Laravel Mix performs an infinite loop when enabling JIT mode. (CSS compilation has now been migrated to use the Tailwind CLI & PostCSS CLI instead of using Laravel Mix)
 - Remove SASS and replace it with regular CSS & PostCSS plugin for better compile speed.
 - Remove cash-dom dependency.

- Tinker - Version 2.0.1
 - Update to TailwindCSS 3.
 - 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.
 - Fix Laravel Mix performs an infinite loop when enabling JIT mode. (CSS compilation has now been migrated to use the Tailwind CLI & PostCSS CLI instead of using Laravel Mix)
 - Remove SASS and replace it with regular CSS & PostCSS plugin for better compile speed.
 - Remove cash-dom dependency.

Release Date - 16 Aug, 2021
----------------------------------------------------------------
- Rubick - Version 3.1.0
 - Update Mix version.
 - Replace CKEditor source build with compiled build.
 - Enable TailwindCSS JIT Mode.

- Icewall - Version 1.0.9
 - Update Mix version.
 - Replace CKEditor source build with compiled build.
 - Enable TailwindCSS JIT Mode.

- Tinker - Version 1.0.6
 - Update Mix version.
 - Replace CKEditor source build with compiled build.
 - Enable TailwindCSS JIT Mode.

Release Date - 03 Aug, 2021
----------------------------------------------------------------
- Rubick - Version 3.0.10
 - 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.5
 - 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 3.0.9
 - Fix dropdown showing under overlay when used inside modal.

- Icewall - Version 1.0.7
 - Fix dropdown showing under overlay when used inside modal.

- Tinker - Version 1.0.4
 - Fix dropdown showing under overlay when used inside modal.

Release Date - 15 Jun, 2021
----------------------------------------------------------------
- Rubick - Version 3.0.8
 - 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.3
 - Replace Tail Select with Tom Select as it's no longer maintained.

Release Date - 23 May, 2021
----------------------------------------------------------------
- Rubick - Version 3.0.7
 - Fix side menu dropdown icon.
 - Update core dependencies.

- Icewall - Version 1.0.5
 - Fix side menu dropdown icon.
 - Update core dependencies.

- Tinker - Version 1.0.2
 - Fix side menu dropdown icon.
 - Update core dependencies.

Release Date - 03 May, 2021
----------------------------------------------------------------
- Rubick - Version 3.0.6
 - Fix litepicker "z-index" issue.
 - Update core dependencies.

- Icewall - Version 1.0.4
 - Fix litepicker "z-index" issue.
 - Update core dependencies.

- Tinker - Version 1.0.1
 - Introducing new theme "Tinker".

Release Date - 08 April, 2021
----------------------------------------------------------------
- Rubick - Version 3.0.5
 - Update TailwindCSS version.

- Icewall - Version 1.0.3
 - Update TailwindCSS version.

Release Date - 04 April, 2021
----------------------------------------------------------------
- Rubick - Version 3.0.4
 - Add new dashboard page.
 - Update CKEditor version.

- Icewall - Version 1.0.2
 - Add new dashboard page.
 - Fix responsive issue on top menu layout.
 - Update CKEditor version.

Release Date - 05 March, 2021
----------------------------------------------------------------
- Icewall - Version 1.0.1
 - Introducing new theme "Icewall".

Release Date - 20 February 2021
----------------------------------------------------------------
- Rubick - Version 3.0.3
 - Update Laravel Mix to v6
 - Update CKeditor dependencies

Release Date - 06 February 2021
----------------------------------------------------------------
- Rubick - Version 3.0.2
 - 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 3.0.1
 - Fix dropdown issue on the first-page load
 - Update XD design files
 - UI design improvements
 - Bug fixes and performance improvements

Release Date - 7 September, 2020
----------------------------------------------------------------
- Rubick - Version 2.0.2
 - 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 - 25 August 2020
----------------------------------------------------------------
- Rubick - Version 2.0.1
 - Fix responsive issue on tabulator page

Release Date - 21 August 2020
----------------------------------------------------------------
- Rubick - Version 2.0.0
 - Dropping jQuery as a required dependency affects the replacement of all used jQuery plugins to the VanillaJs plugins
 - List of replaced plugins:
     - jQuery to Cash-DOM (For DOM manipulation), VelocityJs (For Animations), Axios (For client HTTP request)
     - Datatables to Tabulator Table
     - Daterangepicker to Litepicker
     - Driftzoom to Zoom Vanilla
     - Jquery Toast to Toastify
     - Select2 to Tailselect
     - Slick Carousel to Tiny Slider
     - Summernote to CKEditor
     - Tooltipster to TippyJs
 - Replace Momentjs with Dayjs due to immutability issue
 - Bug fixes and performance improvements

Release Date - 13 July 2020
----------------------------------------------------------------
- Rubick - Version 1.1.3
 - Add a new dark mode version
 - Add new "on show" & "on hide" modal event that triggered when the modal showed or closed
 - Add new Tailwind "dark" utility to simply apply dark mode styling

Release Date - 13 June 2020
----------------------------------------------------------------
- Rubick - Version 1.1.2
 - Update DropzoneJS SASS file usage
 - Fix compiling issues
 - Make Feather Icons accessible globally

Release Date - 18 May 2020
----------------------------------------------------------------
- Rubick - Version 1.1.1
 - Expose jQuery & plugins globally.
 - Bug fixing & performance improvements.

Release Date - 04 May 2020
----------------------------------------------------------------
- Rubick - Version 1.1.0
 - Added new modal variants.
 - Added a new profile page.
 - Added a new change password page.
 - Updated documentation.

Release Date - 04 May 2020
----------------------------------------------------------------
- Rubick - Version 1.0.10
 - Fix missing summernote fonts on a production build.
 - Fix missing slick carousel ajax.gif on a production build.
 - Updated documentation.
 - Added new data-dismiss property to close modal.
 - Added new post news Application.
 - Minor adjustment on WYSIWYG editor styles.
 - Upgrade tailwind version to v1.4.0.

Release Date - 27 Apr 2020
----------------------------------------------------------------
- Rubick - Version 1.0.9
 - Refactor google map style & icons.
 - Minor adjustment on POS page.

Release Date - 27 Apr 2020
----------------------------------------------------------------
- Rubick - Version 1.0.8
 - Added new POS Application.
 - Added new CRUD Data List & Form Application.
 - Added new Toast component.
 - Added new modal programmatic API.
 - Minor adjustment on inbox, file manager & datatable page.

Release Date - 22 Apr 2020
----------------------------------------------------------------
- Rubick - Version 1.0.7
 - Bug fixing and responsive improvements.

Release Date - 22 Apr 2020
----------------------------------------------------------------
- Rubick - Version 1.0.6
 - Refactoring dashboard page UI design.

Release Date - 16 Apr 2020
----------------------------------------------------------------
- Rubick - Version 1.0.5
 - Add a new loading icon page.
 - Add new loading state button components.

Release Date - 16 Apr 2020
----------------------------------------------------------------
- Rubick - Version 1.0.4
 - Fix copy source code issue on every components page.

Release Date - 15 Apr 2020
----------------------------------------------------------------
- Rubick - Version 1.0.3
 - Fix issue on dropdown menu & mobile notifications.

Release Date - 15 Apr 2020
----------------------------------------------------------------
- Rubick - Version 1.0.2
 - Remove the ".container" class to improve visual display & user experience on the widescreen.

Release Date - 14 Apr 2020
----------------------------------------------------------------
- Rubick - Version 1.0.1
 - New pages were added including applications & components.

Release Date - 12 Apr 2020
----------------------------------------------------------------
- Rubick - Version 1.0.0
 - Initial Release