{"id":3799,"date":"2020-09-08T18:20:57","date_gmt":"2020-09-08T15:20:57","guid":{"rendered":"https:\/\/flatlogic.com\/blog\/?p=3799"},"modified":"2021-07-28T18:32:54","modified_gmt":"2021-07-28T15:32:54","slug":"vue-material-admin-template-is-released","status":"publish","type":"post","link":"https:\/\/flatlogic.com\/blog\/vue-material-admin-template-is-released\/","title":{"rendered":"Vue Material Admin Template is Released!"},"content":{"rendered":"\n<p>Today we have great news! We released free <a href=\"https:\/\/flatlogic.com\/templates\/vue-material-template\">Vuetify admin dashboard template<\/a>. <\/p>\n\n\n\n<p>Don&#8217;t forget to check out the <a href=\"https:\/\/flatlogic.com\/templates\/vue-material-template\/demo\">demo<\/a>!<\/p>\n\n\n\n<p><strong><a href=\"https:\/\/flatlogic.com\/templates\/vue-material-template\">MORE INFO<\/a><br><a href=\"https:\/\/flatlogic.com\/templates\/vue-material-template\/demo\">DEMO<\/a><br><a href=\"https:\/\/github.com\/flatlogic\/material-vue\">DOCUMENTATION<\/a><\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Highcharts built-in<\/li><li>Vue Router<\/li><li>Notifications &amp; Icons<\/li><li>Sass and Vuex inside<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image is-style-default\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/flatlogic.com\/templates\/vue-material-template\"><img decoding=\"async\" width=\"960\" height=\"600\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/09\/1-2-min.png\" alt=\"\" class=\"wp-image-3806 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/09\/1-2-min.png 960w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/09\/1-2-min-600x375.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/09\/1-2-min-768x480.png 768w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 960px; --smush-placeholder-aspect-ratio: 960\/600;\" data-original-sizes=\"(max-width: 960px) 100vw, 960px\" \/><\/a><\/figure><\/div>\n\n\n\n<p>Vuetify is a UI library for Vue.js that helps in <a href=\"https:\/\/flatlogic.com\/services\/web-development\">building reach web applications<\/a>. It was created by John Leider in 2016. Nowadays, Vuetify is considered to be one of the most popular Vue.js libraries.<br>This library is notable for its ready-to-use quality components. Vuetify is created following a Google design language &#8211; Material Design. The goal of this design language is to make the user interface as easy and intuitive as possible.<\/p>\n\n\n\n<div class=\"wp-block-image is-style-default\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/flatlogic.com\/templates\/vue-material-template\"><img decoding=\"async\" width=\"325\" height=\"472\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/09\/vue_material-min.png\" alt=\"\" class=\"wp-image-3808 lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 325px; --smush-placeholder-aspect-ratio: 325\/472;\" \/><\/a><\/figure><\/div>\n\n\n\n<p> <br>Also, Vuetify has automatic tree shaking, so you don&#8217;t have to remove a dead code manually. This is a cool feature. You will not find it in Element UI, BootstrapVue, or Buefy.<\/p>\n\n\n\n<p><br>Vuetify is fully accessible, it is developed according to Section 508. This section prescribes that all technologies should be created accessible to people with disabilities. For instance, the user should be able to navigate a form using only the keyboard instead of a mouth.<br>Due to a consistent life cycle, bugs are fixed on time, and enhancements are presented quite often.<\/p>\n\n\n\n<div class=\"wp-block-image is-style-default\"><figure class=\"aligncenter size-large\"><a href=\"https:\/\/flatlogic.com\/templates\/vue-material-template\"><img decoding=\"async\" width=\"960\" height=\"600\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/09\/3-1-min.png\" alt=\"\" class=\"wp-image-3809 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/09\/3-1-min.png 960w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/09\/3-1-min-600x375.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/09\/3-1-min-768x480.png 768w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 960px; --smush-placeholder-aspect-ratio: 960\/600;\" data-original-sizes=\"(max-width: 960px) 100vw, 960px\" \/><\/a><\/figure><\/div>\n\n <a href=\"https:\/\/flatlogic.com\/generator\"><img decoding=\"async\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/Introducing-professional-vibe-coding.png\" alt=\"Professional Vibe Coding\" class=\"banner-img lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/640;\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/Introducing-professional-vibe-coding.png 2560w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/Introducing-professional-vibe-coding-600x150.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/Introducing-professional-vibe-coding-1024x256.png 1024w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/Introducing-professional-vibe-coding-768x192.png 768w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/Introducing-professional-vibe-coding-1536x384.png 1536w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/Introducing-professional-vibe-coding-2048x512.png 2048w\" data-sizes=\"auto\" data-original-sizes=\"(max-width: 2560px) 100vw, 2560px\"> <\/a>\n\n\n<p><br>Vuetify provides Long-Term Support (LTS). Unlike Short-Term Support (STS), LTS is maintained for a longer time. Concerning Vuetify, LTS lasts for 12 months after a new major release. By the way, if a developer needs professional support consulting, it&#8217;s possible to get a consultation directly from John Leider or a Core team representative.<\/p>\n\n\n\n<p>Furthermore, Vuetify is compatible with all modern browsers.<br>Our Flatlogic team was excited about working with something new. We have used Vuetify to develop our new template &#8211; Vue Material Admin Template. This template is created with a Vue.js 2.6 and Material UI, without jQuery and Bootstrap. You can enjoy working with amazing charts due to corresponding libraries. Graphic designers will certainly appreciate that we have included sketch files &#8211; the design of a web app goes a level higher. This <a href=\"https:\/\/flatlogic.com\/templates\/admin-dashboards\">admin template<\/a> applies to different types of devices, for instance, laptops, tablets, smartphones. Like all our templates, Vue Material Admin Template is equipped with a documented codebase.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>You might also like these articles:<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/flatlogic.com\/blog\/top-articles-of-august-to-learn-javascript\/\"><a href=\"https:\/\/flatlogic.com\/blog\/top-10-bootstrap-alternatives-for-2020\/\">Top 10 Twitter Bootstrap Alternatives for 2020<\/a><\/a><\/li><li><a href=\"https:\/\/flatlogic.com\/blog\/typescript-vs-javascript-the-key-differences-you-should-know-in-2020\/\">Typescript vs. Javascript: The Key Differences You Should Know in 2020<\/a><\/li><li><a href=\"https:\/\/flatlogic.com\/blog\/top-10-angular-material-admin-dashboard-templates\/\"><a href=\"https:\/\/flatlogic.com\/blog\/examples-of-dashboard-templates-for-tracking-kpi-s\/\">10+ Examples of Dashboard Templates for Tracking KPI&#8217;s<\/a><\/a><\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Vuetify is fully accessible, it is developed according to Section 508. This section prescribes that all technologies should be created accessible to people with disabilities. For instance, the user should be able to navigate a form using only the keyboard instead of a mouth.<\/p>\n","protected":false},"author":3,"featured_media":3819,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"flatlogic_tldr":"Flatlogic released a free Vuetify-based Vue Material Admin template with demo and docs.\nFeatures include Highcharts, Vue Router, Notifications, Icons, Sass, and Vuex.\nBuilt on Vue 2.6 and Material UI; no jQuery or Bootstrap; responsive and documented.\nVuetify provides LTS (12 months), accessibility, and automatic tree shaking.","flatlogic_facts":[{"text":"Flatlogic released a free Vuetify admin dashboard template.","source":"https:\/\/flatlogic.com\/templates\/vue-material-template"},{"text":"Template features Highcharts, Vue Router, Notifications & Icons, Sass, and Vuex.","source":"https:\/\/flatlogic.com\/templates\/vue-material-template"},{"text":"Built with Vue.js 2.6 and Material UI; no jQuery or Bootstrap.","source":"https:\/\/flatlogic.com\/templates\/vue-material-template"},{"text":"Vuetify LTS lasts 12 months after a new major release.","source":""},{"text":"Sketch design files are included with the template.","source":"https:\/\/flatlogic.com\/templates\/vue-material-template"}],"footnotes":""},"categories":[1],"tags":[402,413,42,522],"class_list":["post-3799","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","tag-vue-admin-templates","tag-vue-material-admin","tag-vuejs","tag-vuetify-templates"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.2 (Yoast SEO v26.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Vue Material Admin Template is Released! - Flatlogic Blog<\/title>\n<meta name=\"description\" content=\"A completely new Vue Material Admin template is released. Material UI dashboard can be used for any web app including SAAS, CRM, and CMS.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/flatlogic.com\/blog\/vue-material-admin-template-is-released\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Vue Material Admin Template is Released!\" \/>\n<meta property=\"og:description\" content=\"A completely new Vue Material Admin template is released. Material UI dashboard can be used for any web app including SAAS, CRM, and CMS.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/flatlogic.com\/blog\/vue-material-admin-template-is-released\/\" \/>\n<meta property=\"og:site_name\" content=\"Flatlogic Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/flatlogic\" \/>\n<meta property=\"article:published_time\" content=\"2020-09-08T15:20:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-07-28T15:32:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/09\/Frame-107dd-min.png\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Nastassia Ovchinnikova\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@flatlogic\" \/>\n<meta name=\"twitter:site\" content=\"@flatlogic\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nastassia Ovchinnikova\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Vue Material Admin Template is Released! - Flatlogic Blog","description":"A completely new Vue Material Admin template is released. Material UI dashboard can be used for any web app including SAAS, CRM, and CMS.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/flatlogic.com\/blog\/vue-material-admin-template-is-released\/","og_locale":"en_US","og_type":"article","og_title":"Vue Material Admin Template is Released!","og_description":"A completely new Vue Material Admin template is released. Material UI dashboard can be used for any web app including SAAS, CRM, and CMS.","og_url":"https:\/\/flatlogic.com\/blog\/vue-material-admin-template-is-released\/","og_site_name":"Flatlogic Blog","article_publisher":"https:\/\/www.facebook.com\/flatlogic","article_published_time":"2020-09-08T15:20:57+00:00","article_modified_time":"2021-07-28T15:32:54+00:00","og_image":[{"width":800,"height":600,"url":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/09\/Frame-107dd-min.png","type":"image\/png"}],"author":"Nastassia Ovchinnikova","twitter_card":"summary_large_image","twitter_creator":"@flatlogic","twitter_site":"@flatlogic","twitter_misc":{"Written by":"Nastassia Ovchinnikova","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/flatlogic.com\/blog\/vue-material-admin-template-is-released\/#article","isPartOf":{"@id":"https:\/\/flatlogic.com\/blog\/vue-material-admin-template-is-released\/"},"author":{"name":"Nastassia Ovchinnikova","@id":"https:\/\/flatlogic.com\/blog\/#\/schema\/person\/bed36c984b2f920a7fc450877f425eed"},"headline":"Vue Material Admin Template is Released!","datePublished":"2020-09-08T15:20:57+00:00","dateModified":"2021-07-28T15:32:54+00:00","mainEntityOfPage":{"@id":"https:\/\/flatlogic.com\/blog\/vue-material-admin-template-is-released\/"},"wordCount":394,"publisher":{"@id":"https:\/\/flatlogic.com\/blog\/#organization"},"image":{"@id":"https:\/\/flatlogic.com\/blog\/vue-material-admin-template-is-released\/#primaryimage"},"thumbnailUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/09\/Frame-107dd-min.png","keywords":["Vue Admin Templates","Vue Material Admin","Vue.js","Vuetify Templates"],"articleSection":["News"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/flatlogic.com\/blog\/vue-material-admin-template-is-released\/","url":"https:\/\/flatlogic.com\/blog\/vue-material-admin-template-is-released\/","name":"Vue Material Admin Template is Released! - Flatlogic Blog","isPartOf":{"@id":"https:\/\/flatlogic.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/flatlogic.com\/blog\/vue-material-admin-template-is-released\/#primaryimage"},"image":{"@id":"https:\/\/flatlogic.com\/blog\/vue-material-admin-template-is-released\/#primaryimage"},"thumbnailUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/09\/Frame-107dd-min.png","datePublished":"2020-09-08T15:20:57+00:00","dateModified":"2021-07-28T15:32:54+00:00","description":"A completely new Vue Material Admin template is released. Material UI dashboard can be used for any web app including SAAS, CRM, and CMS.","breadcrumb":{"@id":"https:\/\/flatlogic.com\/blog\/vue-material-admin-template-is-released\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/flatlogic.com\/blog\/vue-material-admin-template-is-released\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/flatlogic.com\/blog\/vue-material-admin-template-is-released\/#primaryimage","url":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/09\/Frame-107dd-min.png","contentUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/09\/Frame-107dd-min.png","width":800,"height":600},{"@type":"BreadcrumbList","@id":"https:\/\/flatlogic.com\/blog\/vue-material-admin-template-is-released\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/flatlogic.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Vue Material Admin Template is Released!"}]},{"@type":"WebSite","@id":"https:\/\/flatlogic.com\/blog\/#website","url":"https:\/\/flatlogic.com\/blog\/","name":"Flatlogic Blog","description":"Vibe-coding, AI Agents, Professional Software Development Services, Case Studies and More","publisher":{"@id":"https:\/\/flatlogic.com\/blog\/#organization"},"alternateName":"Flatlogic Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/flatlogic.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/flatlogic.com\/blog\/#organization","name":"Flatlogic","url":"https:\/\/flatlogic.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/flatlogic.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/62ea6de0b3469aa3d6ebb528-1.png","contentUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2025\/10\/62ea6de0b3469aa3d6ebb528-1.png","width":970,"height":257,"caption":"Flatlogic"},"image":{"@id":"https:\/\/flatlogic.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/flatlogic","https:\/\/x.com\/flatlogic","https:\/\/www.instagram.com\/flatlogiccom\/","https:\/\/www.linkedin.com\/company\/flatlogic\/"]},{"@type":"Person","@id":"https:\/\/flatlogic.com\/blog\/#\/schema\/person\/bed36c984b2f920a7fc450877f425eed","name":"Nastassia Ovchinnikova","url":"https:\/\/flatlogic.com\/blog\/author\/nastassia\/"}]}},"_links":{"self":[{"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts\/3799","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/comments?post=3799"}],"version-history":[{"count":4,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts\/3799\/revisions"}],"predecessor-version":[{"id":7068,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts\/3799\/revisions\/7068"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/media\/3819"}],"wp:attachment":[{"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/media?parent=3799"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/categories?post=3799"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/tags?post=3799"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}