{"id":12221,"date":"2022-08-24T15:10:00","date_gmt":"2022-08-24T12:10:00","guid":{"rendered":"https:\/\/flatlogic.com\/blog\/?p=12221"},"modified":"2022-11-14T00:04:06","modified_gmt":"2022-11-13T21:04:06","slug":"sing-app-vue-admin","status":"publish","type":"post","link":"https:\/\/flatlogic.com\/blog\/sing-app-vue-admin\/","title":{"rendered":"Sing App Vue Template Bootstrap 5 Update"},"content":{"rendered":"<p>We are happy to announce an update of <a href=\"https:\/\/flatlogic.com\/templates\/vue\" target=\"_blank\" rel=\"noreferrer noopener\">Vue Admin Templates<\/a> &#8211; <a href=\"https:\/\/flatlogic.com\/templates\/sing-app-vue\">Sing App Vue<\/a>!<\/p><h2 class=\"wp-block-heading\"><strong>What has changed?<\/strong><\/h2><p>Now the <a href=\"https:\/\/flatlogic.com\/blog\/top-javascript-calendar-plugins\/\">admin<\/a> boilerplates use Vue 2.7.6, and <a href=\"https:\/\/flatlogic.com\/blog\/top-material-react-admin-dashboards\/\">Bootstrap<\/a> 5. Additionally, we have updated the colors, typography, and some minor UI parts.<\/p><p>And also we made several minor changes that make this admin dashboard <a href=\"https:\/\/flatlogic.com\/blog\/bootstrap-vs-material-ui-which-one-to-use-for-the-next-web-app\/\">template<\/a> up-to-date.<\/p><p>&#x2705; Updated Amcharts to the latest version<\/p><p>&#x2705; Updated Fullcalendar to the latest version<\/p><p>&#x2705; Updated <a  data-ilj-link-preview=\"true\"  data-featured-image=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/06\/Post-Dark-9-600x600.png\"  data-excerpt=\"This article will guide you on how to fetch data in React with different approaches\" href=\"https:\/\/flatlogic.com\/blog\/react-fetch-data-guide\/\">Axios<\/a><\/p><p>&#x2705; Updated Sortable library to the latest stable version<\/p><p>&#x2705; Updated Awesome Bootstrap checkbox that it now supports Bootstrap 5<\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"506\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/08\/Screenshot-2022-08-23-at-12.56.55-1024x506.png\" alt=\"\" class=\"wp-image-12222 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/08\/Screenshot-2022-08-23-at-12.56.55-1024x506.png 1024w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/08\/Screenshot-2022-08-23-at-12.56.55-600x296.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/08\/Screenshot-2022-08-23-at-12.56.55-768x379.png 768w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/08\/Screenshot-2022-08-23-at-12.56.55-1536x759.png 1536w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/08\/Screenshot-2022-08-23-at-12.56.55-2048x1012.png 2048w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/506;\" data-original-sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p><a href=\"https:\/\/flatlogic.com\/templates\/sing-app-vue\/demo\">Thus now, Sing App Vue<\/a> is one of the most modern vue admin on the market in terms of technologies used under the hood and the look of the boilerplate.<\/p><figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\"><iframe title=\"React, Vue, Angular, Bootstrap Templates and Admin Dashboard Themes for Web Development by Flatlogic\" width=\"640\" height=\"360\" data-src=\"https:\/\/www.youtube.com\/embed\/WpVQsS-Bb3U?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe><\/div><\/figure><h2 class=\"wp-block-heading\"><strong>Summing Up<\/strong><\/h2><p>For the <a href=\"https:\/\/flatlogic.com\/blog\/8-reasons-to-use-javascript-libraries-in-project-management-apps\/\">rest<\/a> of our <a href=\"https:\/\/flatlogic.com\/blog\/top-vue-admin-dashboard-templates\/https:\/\/flatlogic.com\/blog\/top-vue-admin-dashboard-templates\/\">Vue Templates<\/a>, check our marketplace. 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>","protected":false},"excerpt":{"rendered":"<p>Sing App Vue Template Bootstrap 5 Update<\/p>\n","protected":false},"author":24,"featured_media":12223,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"flatlogic_tldr":"Sing App Vue updated to Vue 2.7.6 and Bootstrap 5\nRefreshed colors, typography, and minor UI components\nUpgraded libs: AmCharts, FullCalendar, Axios, Sortable, Awesome Bootstrap Checkbox\nLive demo available; tech stack and UI modernized","flatlogic_facts":[{"text":"Sing App Vue now uses Vue 2.7.6 and Bootstrap 5.","source":""},{"text":"AmCharts updated to the latest version.","source":""},{"text":"FullCalendar updated to the latest version.","source":""},{"text":"Axios library updated.","source":""},{"text":"Awesome Bootstrap Checkbox now supports Bootstrap 5.","source":""}],"footnotes":""},"categories":[129],"tags":[51,123,395,35],"class_list":["post-12221","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-updates","tag-angular","tag-product-update","tag-laravel-templates","tag-reactjs"],"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>Sing App Vue Template Bootstrap 5 Update - Flatlogic Blog<\/title>\n<meta name=\"description\" content=\"Sing App Vue Admin Template now supports Vue 2.7.6 and Bootstrap 5\" \/>\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\/sing-app-vue-admin\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sing App Vue Template Bootstrap 5 Update\" \/>\n<meta property=\"og:description\" content=\"Sing App Vue Admin Template now supports Vue 2.7.6 and Bootstrap 5\" \/>\n<meta property=\"og:url\" content=\"https:\/\/flatlogic.com\/blog\/sing-app-vue-admin\/\" \/>\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-08-24T12:10:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-13T21:04:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/08\/Screenshot-2022-08-23-at-15.27.12.png\" \/>\n\t<meta property=\"og:image:width\" content=\"622\" \/>\n\t<meta property=\"og:image:height\" content=\"620\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Alesia S.\" \/>\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=\"Alesia S.\" \/>\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":"Sing App Vue Template Bootstrap 5 Update - Flatlogic Blog","description":"Sing App Vue Admin Template now supports Vue 2.7.6 and Bootstrap 5","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\/sing-app-vue-admin\/","og_locale":"en_US","og_type":"article","og_title":"Sing App Vue Template Bootstrap 5 Update","og_description":"Sing App Vue Admin Template now supports Vue 2.7.6 and Bootstrap 5","og_url":"https:\/\/flatlogic.com\/blog\/sing-app-vue-admin\/","og_site_name":"Flatlogic Blog","article_publisher":"https:\/\/www.facebook.com\/flatlogic","article_published_time":"2022-08-24T12:10:00+00:00","article_modified_time":"2022-11-13T21:04:06+00:00","og_image":[{"width":622,"height":620,"url":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/08\/Screenshot-2022-08-23-at-15.27.12.png","type":"image\/png"}],"author":"Alesia S.","twitter_card":"summary_large_image","twitter_creator":"@flatlogic","twitter_site":"@flatlogic","twitter_misc":{"Written by":"Alesia S.","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/flatlogic.com\/blog\/sing-app-vue-admin\/#article","isPartOf":{"@id":"https:\/\/flatlogic.com\/blog\/sing-app-vue-admin\/"},"author":{"name":"Alesia S.","@id":"https:\/\/flatlogic.com\/blog\/#\/schema\/person\/4ea8cd13c3b9919c455be1f34183a0c9"},"headline":"Sing App Vue Template Bootstrap 5 Update","datePublished":"2022-08-24T12:10:00+00:00","dateModified":"2022-11-13T21:04:06+00:00","mainEntityOfPage":{"@id":"https:\/\/flatlogic.com\/blog\/sing-app-vue-admin\/"},"wordCount":181,"commentCount":0,"publisher":{"@id":"https:\/\/flatlogic.com\/blog\/#organization"},"image":{"@id":"https:\/\/flatlogic.com\/blog\/sing-app-vue-admin\/#primaryimage"},"thumbnailUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/08\/Screenshot-2022-08-23-at-15.27.12.png","keywords":["Angular","Flatlogic Generator Updates","Laravel Templates","React"],"articleSection":["Updates"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/flatlogic.com\/blog\/sing-app-vue-admin\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/flatlogic.com\/blog\/sing-app-vue-admin\/","url":"https:\/\/flatlogic.com\/blog\/sing-app-vue-admin\/","name":"Sing App Vue Template Bootstrap 5 Update - Flatlogic Blog","isPartOf":{"@id":"https:\/\/flatlogic.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/flatlogic.com\/blog\/sing-app-vue-admin\/#primaryimage"},"image":{"@id":"https:\/\/flatlogic.com\/blog\/sing-app-vue-admin\/#primaryimage"},"thumbnailUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/08\/Screenshot-2022-08-23-at-15.27.12.png","datePublished":"2022-08-24T12:10:00+00:00","dateModified":"2022-11-13T21:04:06+00:00","description":"Sing App Vue Admin Template now supports Vue 2.7.6 and Bootstrap 5","breadcrumb":{"@id":"https:\/\/flatlogic.com\/blog\/sing-app-vue-admin\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/flatlogic.com\/blog\/sing-app-vue-admin\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/flatlogic.com\/blog\/sing-app-vue-admin\/#primaryimage","url":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/08\/Screenshot-2022-08-23-at-15.27.12.png","contentUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2022\/08\/Screenshot-2022-08-23-at-15.27.12.png","width":622,"height":620},{"@type":"BreadcrumbList","@id":"https:\/\/flatlogic.com\/blog\/sing-app-vue-admin\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/flatlogic.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Sing App Vue Template Bootstrap 5 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\/4ea8cd13c3b9919c455be1f34183a0c9","name":"Alesia S.","url":"https:\/\/flatlogic.com\/blog\/author\/alesya\/"}]}},"_links":{"self":[{"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts\/12221","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\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/comments?post=12221"}],"version-history":[{"count":3,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts\/12221\/revisions"}],"predecessor-version":[{"id":12512,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts\/12221\/revisions\/12512"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/media\/12223"}],"wp:attachment":[{"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/media?parent=12221"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/categories?post=12221"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/tags?post=12221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}