{"id":11771,"date":"2022-06-08T19:11:43","date_gmt":"2022-06-08T16:11:43","guid":{"rendered":"https:\/\/flatlogic.com\/blog\/?p=11771"},"modified":"2022-11-17T16:23:04","modified_gmt":"2022-11-17T13:23:04","slug":"angular-material-admin-template-update","status":"publish","type":"post","link":"https:\/\/flatlogic.com\/blog\/angular-material-admin-template-update\/","title":{"rendered":"Angular Material Admin Template Update"},"content":{"rendered":"<p><a  data-ilj-link-preview=\"true\"  data-featured-image=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/02\/Frame-9-600x450.png\"  data-excerpt=\"The battle between React and Angular has lasted for 7 years. It got its second wind in 2016 when Angular 2 was released. Today we have already worked with Angular 8, but the first significant shift occurred exactly in 2016 (six years after the release of the first Angular). React&nbsp;is an open-sourced JavaScript&nbsp;library&nbsp;for building a&hellip;\" href=\"https:\/\/flatlogic.com\/blog\/angular-vs-react-which-one-to-choose-for-your-web-app\/\">Angular<\/a> Material Admin is updated and use latest dependencies. <\/p><h2 class=\"wp-block-heading\">What products are affected by the update?<\/h2><p>Currently, the updates were released on 2 products:<\/p><ul class=\"wp-block-list\"><li><a href=\"https:\/\/flatlogic.com\/templates\/angular-material-admin-full\">Angular Material Admin Template Full<\/a><\/li><li><a href=\"https:\/\/flatlogic.com\/templates\/angular-material-admin-net-core-3\">Angular Material Admin .NET Core<\/a><\/li><\/ul><div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/flatlogic.com\/templates\/angular-material-admin-full\"><img decoding=\"async\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Screenshot-2022-06-08-at-18.39.00-1024x542.png\" alt=\"angular material admin\" class=\"wp-image-11804 lazyload\" width=\"768\" height=\"407\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Screenshot-2022-06-08-at-18.39.00-1024x542.png 1024w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Screenshot-2022-06-08-at-18.39.00-600x317.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Screenshot-2022-06-08-at-18.39.00-768x406.png 768w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Screenshot-2022-06-08-at-18.39.00-1536x813.png 1536w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Screenshot-2022-06-08-at-18.39.00-2048x1083.png 2048w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 768px; --smush-placeholder-aspect-ratio: 768\/407;\" data-original-sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/a><\/figure><\/div><h2 class=\"wp-block-heading\">What has changed?<\/h2><p>The main update is touch the version of Angular itself, now the template are built on 13 version instead of 11.<\/p><p>And also we made several minor changes that make this <a  data-ilj-link-preview=\"true\"  data-featured-image=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2018\/06\/Snip20180601_28-600x391.png\"  data-excerpt=\"Sing App with a new free Lite version is available for download\u00a0on a Github. It has a very clean, innovative and beautiful look with a focus on functionality. We added new UI-components, new examples for each chart library and handlebars partials. You can view the demo here. Using this template you will be able to&hellip;\" href=\"https:\/\/flatlogic.com\/blog\/sing-app-lite-free-and-open-source-admin-dashboard-template\/\">admin dashboard<\/a> template up-to-date.<\/p><p>&#x2705; Updated the Angular CLI to 13<br>&#x2705; Update Angular Material;<br>&#x2705; Updated different packages;<br>&#x2705; Updated Angular Core to 13 version.<\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><a href=\"https:\/\/flatlogic.com\/templates\/angular-material-admin-full\"><img decoding=\"async\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Screenshot-2022-06-08-at-18.46.49-1024x559.png\" alt=\"angular material admin\" class=\"wp-image-11805 lazyload\" width=\"768\" height=\"419\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Screenshot-2022-06-08-at-18.46.49-1024x559.png 1024w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Screenshot-2022-06-08-at-18.46.49-600x328.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Screenshot-2022-06-08-at-18.46.49-768x419.png 768w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Screenshot-2022-06-08-at-18.46.49-1536x839.png 1536w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Screenshot-2022-06-08-at-18.46.49-2048x1119.png 2048w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 768px; --smush-placeholder-aspect-ratio: 768\/419;\" data-original-sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/a><\/figure><\/div><h2 class=\"wp-block-heading\">Moving forward and Summing Up<\/h2><p>We will be constantly updating all our Angular templates. For sure we will release this year a template based on Angular 14.<\/p><p>Rest of our Angular templates your can find here: <a href=\"http:\/\/flatlogic.com\/templates\/angular\">Flatlogic marketplace<\/a>. If you face any difficulties setting up this or that template or admin dashboard, please feel free to leave us a message on our <a href=\"https:\/\/flatlogic.com\/forum\/\">forum<\/a>, <a href=\"https:\/\/twitter.com\/flatlogic\/\">Twitter<\/a> or <a href=\"https:\/\/www.facebook.com\/flatlogic\">Facebook<\/a>. We will respond to your inquiry as quickly as possible!<\/p><p>And also check our <a href=\"http:\/\/flatlogic.com\/solutions\">platform<\/a> where you can create Angular <a href='https:\/\/flatlogic.com\/crud-app'>CRUD<\/a> apps literally in minutes! <a href=\"https:\/\/flatlogic.com\/templates\/?utm_source=flblog&amp;utm_medium=banner&amp;utm_campaign=internal-traffic-from-blog\"><\/a><\/p><p>Happy developing! &#x1f469;&#x200d;&#x1f4bb;<\/p>","protected":false},"excerpt":{"rendered":"<p>Flatlogic update one of it&#8217;s core Angular templates &#8211; Angular Material Admin Templates. Now it is using Angular 13 under the hood!<\/p>\n","protected":false},"author":2,"featured_media":11806,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"flatlogic_tldr":"Angular Material Admin upgraded to Angular 13 (from 11), with Angular CLI 13\nUpdates apply to Angular Material Admin Template Full and .NET Core editions\nAngular Material and various packages refreshed to keep the dashboard current\nFlatlogic plans ongoing updates, targeting an Angular 14 template this year","flatlogic_facts":[{"text":"Angular Material Admin templates now built on Angular 13 (from 11)","source":""},{"text":"Angular CLI updated to version 13","source":""},{"text":"Angular Core updated to version 13","source":""},{"text":"Angular Material Admin Template Full received the update","source":"https:\/\/flatlogic.com\/templates\/angular-material-admin-full"},{"text":"Angular Material Admin .NET Core received the update","source":"https:\/\/flatlogic.com\/templates\/angular-material-admin-net-core-3"}],"footnotes":""},"categories":[1],"tags":[51,401,412,123],"class_list":["post-11771","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","tag-angular","tag-angular-admin-templates","tag-angular-material","tag-product-update"],"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>Angular Material Admin Template Update - Flatlogic Blog<\/title>\n<meta name=\"description\" content=\"Flatlogic update one of it&#039;s core Angular templates - Angular Material Admin Templates. Now it is using Angular 13 under the hood!\" \/>\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\/angular-material-admin-template-update\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Angular Material Admin Template Update\" \/>\n<meta property=\"og:description\" content=\"Flatlogic update one of it&#039;s core Angular templates - Angular Material Admin Templates. Now it is using Angular 13 under the hood!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/flatlogic.com\/blog\/angular-material-admin-template-update\/\" \/>\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=\"2022-06-08T16:11:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-17T13:23:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Post-Dark-7-1-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1080\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Philip Daineka\" \/>\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=\"Philip Daineka\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Angular Material Admin Template Update - Flatlogic Blog","description":"Flatlogic update one of it's core Angular templates - Angular Material Admin Templates. Now it is using Angular 13 under the hood!","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\/angular-material-admin-template-update\/","og_locale":"en_US","og_type":"article","og_title":"Angular Material Admin Template Update","og_description":"Flatlogic update one of it's core Angular templates - Angular Material Admin Templates. Now it is using Angular 13 under the hood!","og_url":"https:\/\/flatlogic.com\/blog\/angular-material-admin-template-update\/","og_site_name":"Flatlogic Blog","article_publisher":"https:\/\/www.facebook.com\/flatlogic","article_published_time":"2022-06-08T16:11:43+00:00","article_modified_time":"2022-11-17T13:23:04+00:00","og_image":[{"width":1080,"height":1080,"url":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Post-Dark-7-1-1.png","type":"image\/png"}],"author":"Philip Daineka","twitter_card":"summary_large_image","twitter_creator":"@flatlogic","twitter_site":"@flatlogic","twitter_misc":{"Written by":"Philip Daineka","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/flatlogic.com\/blog\/angular-material-admin-template-update\/#article","isPartOf":{"@id":"https:\/\/flatlogic.com\/blog\/angular-material-admin-template-update\/"},"author":{"name":"Philip Daineka","@id":"https:\/\/flatlogic.com\/blog\/#\/schema\/person\/2a358db460fb453be69232ff0826bb34"},"headline":"Angular Material Admin Template Update","datePublished":"2022-06-08T16:11:43+00:00","dateModified":"2022-11-17T13:23:04+00:00","mainEntityOfPage":{"@id":"https:\/\/flatlogic.com\/blog\/angular-material-admin-template-update\/"},"wordCount":193,"publisher":{"@id":"https:\/\/flatlogic.com\/blog\/#organization"},"image":{"@id":"https:\/\/flatlogic.com\/blog\/angular-material-admin-template-update\/#primaryimage"},"thumbnailUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Post-Dark-7-1-1.png","keywords":["Angular","Angular Admin Templates","Angular Material","Flatlogic Generator Updates"],"articleSection":["News"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/flatlogic.com\/blog\/angular-material-admin-template-update\/","url":"https:\/\/flatlogic.com\/blog\/angular-material-admin-template-update\/","name":"Angular Material Admin Template Update - Flatlogic Blog","isPartOf":{"@id":"https:\/\/flatlogic.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/flatlogic.com\/blog\/angular-material-admin-template-update\/#primaryimage"},"image":{"@id":"https:\/\/flatlogic.com\/blog\/angular-material-admin-template-update\/#primaryimage"},"thumbnailUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Post-Dark-7-1-1.png","datePublished":"2022-06-08T16:11:43+00:00","dateModified":"2022-11-17T13:23:04+00:00","description":"Flatlogic update one of it's core Angular templates - Angular Material Admin Templates. Now it is using Angular 13 under the hood!","breadcrumb":{"@id":"https:\/\/flatlogic.com\/blog\/angular-material-admin-template-update\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/flatlogic.com\/blog\/angular-material-admin-template-update\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/flatlogic.com\/blog\/angular-material-admin-template-update\/#primaryimage","url":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Post-Dark-7-1-1.png","contentUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Post-Dark-7-1-1.png","width":1080,"height":1080,"caption":"angular material template update"},{"@type":"BreadcrumbList","@id":"https:\/\/flatlogic.com\/blog\/angular-material-admin-template-update\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/flatlogic.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Angular Material Admin Template Update"}]},{"@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\/2a358db460fb453be69232ff0826bb34","name":"Philip Daineka","description":"Founder @ Flatlogic &amp; AppWizzy","sameAs":["https:\/\/flatlogic.com","Building scalable apps @appwizzyai, a professional vibe\u2011coding platform. Software development services @flatlogic. MSc in CS\/Finance"],"url":"https:\/\/flatlogic.com\/blog\/author\/philip\/"}]}},"_links":{"self":[{"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts\/11771","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/comments?post=11771"}],"version-history":[{"count":3,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts\/11771\/revisions"}],"predecessor-version":[{"id":11808,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts\/11771\/revisions\/11808"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/media\/11806"}],"wp:attachment":[{"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/media?parent=11771"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/categories?post=11771"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/tags?post=11771"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}