{"id":2183,"date":"2020-03-26T23:08:40","date_gmt":"2020-03-26T20:08:40","guid":{"rendered":"https:\/\/flatlogic.com\/blog\/?p=2183"},"modified":"2022-06-23T16:08:52","modified_gmt":"2022-06-23T13:08:52","slug":"9-awesome-projects-built-with-vue-js","status":"publish","type":"post","link":"https:\/\/flatlogic.com\/blog\/9-awesome-projects-built-with-vue-js\/","title":{"rendered":"8+ Awesome Projects Built With Vue.js"},"content":{"rendered":"<p>Vue.js is an advanced <a  data-ilj-link-preview=\"true\"  data-featured-image=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2019\/09\/top-articles-copy-600x450.png\"  data-excerpt=\"Here is our list of JS articles of 2019. We collected 17 posts with tricks and tips in JavaScript and its frameworks.\" href=\"https:\/\/flatlogic.com\/blog\/17-articles-of-september-2019-to-learn-javascript\/\">JavaScript<\/a> context used to create the user interface for today&#8217;s applications yet not utilizing lots of resources.&nbsp;<\/p><p><a  data-ilj-link-preview=\"true\"  data-featured-image=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2019\/11\/vue-Open-Source-600x450.png\"  data-excerpt=\"We tried to include not only countless UI toolkits but also some outstanding projects that help you to work with animation, composing props, build requests for API and many more.\" href=\"https:\/\/flatlogic.com\/blog\/new-and-noteworthy-vue-js-open-source-projects-part-2\/\">Vue.js<\/a> chiefly focuses on the view layer, and this allows <a href=\"https:\/\/flatlogic.com\/services\/vue-js-development\">VueJS developers<\/a> to fit it into an existing project with no hassles. Vue.js is the picture-perfect choice for creating single-page apps (SPA). <\/p><p>The primary public form of Vue.js got released in 2014, then it was adopted by lots of large businesses enterprises such as IBM, and GitLab, as well as Adobe, etc.&nbsp;&nbsp;<\/p><p>The main motive behind picking Vue.js is because of its lower learning curve and that it supports virtual DOM.&nbsp;<\/p><p>Therefore, why ought someone to contemplate <a href=\"https:\/\/flatlogic.com\/services\/web-development\">using Vue.js to develop applications<\/a>? <\/p><h3 class=\"wp-block-heading\"><strong>It&#8217;s Flexible<\/strong><\/h3><p>Vue.js is quite flexible as well as scalable.&nbsp;<\/p><p>Consequently, what is this means? It says Vue.js may be utilized as a library for a project, otherwise it may be utilized to create a whole project as a full-featured basis.&nbsp;<\/p><h3 class=\"wp-block-heading\"><strong>Future-proof<\/strong><\/h3><p>After you&#8217;ve deployed your app to the production setting, you&#8217;ll be required to maintain it as well as frequently check for fixes to bugs as well as additional other enhancements and adding new components to the app.&nbsp;<\/p><p>Vue.js makes updating the process simple. When announcing any chief update, Vue.js ensures it is backward compatible as much as possible.&nbsp;<\/p><h3 class=\"wp-block-heading\"><strong>Progressive<\/strong><\/h3><p>Vue.js is very progressive. It means the basis can be presented in your code slowly, and you may work on the app feature by feature, which means the whole process is easier to manage.&nbsp;<\/p><h3 class=\"wp-block-heading\"><strong>Size-effective<\/strong><\/h3><p>Vue.js apps are quite small and therefore offer improved performance from similar frameworks. Vue.js framework delivers many improvements, and that developers may concentrate on the addition of brand-new features for the app and not worry as much about modifying the app.&nbsp;<\/p><h3 class=\"wp-block-heading\"><strong>Convenient conventions<\/strong><\/h3><p>It takes a long time to write boilerplate code. Vue.js evades this by providing built-in answers and providing natural support for state managing, and creating components, as well as animations.&nbsp; <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><\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"800\" height=\"2624\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Frame-2-final.png\" alt=\"Projects Built With Vue.js\" class=\"wp-image-2194 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Frame-2-final.png 800w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Frame-2-final-183x600.png 183w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Frame-2-final-312x1024.png 312w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Frame-2-final-768x2519.png 768w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Frame-2-final-468x1536.png 468w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Frame-2-final-624x2048.png 624w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/2624;\" data-original-sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure><p>So let&#8217;s proceed to the list itself.<\/p><h2 class=\"wp-block-heading\">Twill<\/h2><p><strong>Website<\/strong>: <a href=\"https:\/\/twill.io\/\">https:\/\/twill.io\/<\/a><br><strong>GitHub<\/strong>: <a href=\"https:\/\/github.com\/area17\/twill\">https:\/\/github.com\/area17\/twill<\/a><\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"576\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-26-at-9.53.12-PM-1024x576.png\" alt=\"Projects Built With Vue.js\" class=\"wp-image-2193 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-26-at-9.53.12-PM-1024x576.png 1024w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-26-at-9.53.12-PM-600x338.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-26-at-9.53.12-PM-768x432.png 768w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-26-at-9.53.12-PM-1536x865.png 1536w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-26-at-9.53.12-PM.png 1780w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/576;\" data-original-sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption><em>Image source: https:\/\/twill.io<\/em><\/figcaption><\/figure><p><br>This Laravel package aids developers in quickly creating a custom CMS that&#8217;s beautiful, strong, and flexible. As a result you will get a CMS that is completely powered by Vue.js along with Vuex. Twill was fashioned with the idea content management ought to be a imaginative, productive, and pleasant experience for content managers as well as developers. Via regulating common features without conceding developer&#8217;s control, Twill creates an easy way to bring a feature-rich admin console focusing on today&#8217;s requirements.<br><\/p><h2 class=\"wp-block-heading\">Sing App Vue Node.js<\/h2><p><strong>Website<\/strong>: <a href=\"https:\/\/flatlogic.com\/templates\/sing-app-vue-node-js\">https:\/\/flatlogic.com\/templates\/sing-app-vue-node-js<\/a><\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"960\" height=\"600\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/2-7b3faceaf1598c3d69ee4b488c699f5f718f030d5652103a801dd8f228903dd3.png\" alt=\"Projects Built With Vue.js\" class=\"wp-image-2195 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/2-7b3faceaf1598c3d69ee4b488c699f5f718f030d5652103a801dd8f228903dd3.png 960w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/2-7b3faceaf1598c3d69ee4b488c699f5f718f030d5652103a801dd8f228903dd3-600x375.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/2-7b3faceaf1598c3d69ee4b488c699f5f718f030d5652103a801dd8f228903dd3-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\" \/><figcaption><em>Image source: https:\/\/flatlogic.com\/templates\/sing-app-vue-node-js<\/em><\/figcaption><\/figure><p>This project is an unusual mix of a Vue.js and Node.js. Thus, templates include not only UI elements, maps, alerts, buttons, icons, tables, charts, etc. It can be used for creating:<\/p><ul class=\"wp-block-list\"><li>SAAS<\/li><li>CMS<\/li><li>e-Commerce, etc.<\/li><\/ul><p>This is also a backend solution integrated with Postgres database. That gives developers ready made login, e-commerce section, and authentication. What is more it is prepared for deployment to any hosting (Heroku, Amazon AWS, and others)<br><br><\/p><h2 class=\"wp-block-heading\">Reminder Bot<\/h2><p><strong>Website:<\/strong> <a href=\"https:\/\/reminderbot.io\/\">https:\/\/reminderbot.io\/<\/a><\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"497\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-26-at-10.12.53-PM-1024x497.png\" alt=\"Projects Built With Vue.js\" class=\"wp-image-2196 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-26-at-10.12.53-PM-1024x497.png 1024w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-26-at-10.12.53-PM-600x291.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-26-at-10.12.53-PM-768x373.png 768w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-26-at-10.12.53-PM-1536x746.png 1536w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-26-at-10.12.53-PM-2048x994.png 2048w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/497;\" data-original-sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption><em>Image source: https:\/\/reminderbot.io\/<\/em><\/figcaption><\/figure><p>Vue.js can be utilized to build a website as well as an app area of the Reminder Bot. For a website we utilized the ease of Vue.js to generate several pages via quick routing switches, plus as a post-rendered HTML variety for SEO via the use of Google Puppeteer.&nbsp;<\/p><p>If you didn&#8217;t get to the gym today, you can be reminded to do it tomorrow. In case you have to take any medication at precise times, you can be reminded two times.<\/p><p>This app has a consistent groups of messages every day, every week or once a month. It can set up the chat bot, it will send out notifications.&nbsp;<\/p><p>The app is where Vue.js&#8217; magic happens with major separation of the components. That lets you do intricate editing of the reminders on sign up pages as well as admin pages.<br><\/p><h2 class=\"wp-block-heading\">Deckboard<\/h2><p><strong>Website<\/strong>: <a href=\"https:\/\/deckboard.app\/\">https:\/\/deckboard.app\/<\/a><\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"885\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-26-at-10.15.11-PM-1024x885.png\" alt=\"Projects Built With Vue.js\" class=\"wp-image-2197 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-26-at-10.15.11-PM-1024x885.png 1024w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-26-at-10.15.11-PM-600x518.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-26-at-10.15.11-PM-768x664.png 768w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-26-at-10.15.11-PM-1536x1327.png 1536w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-26-at-10.15.11-PM.png 1634w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/885;\" data-original-sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption><em>Image source: https:\/\/deckboard.app<\/em><\/figcaption><\/figure><p>This highly customized and extensible desktop application and website was created with Vue along with Vuetify. It connects Android and Windows via a local Wi-Fi connection. It allows to tailor the macro buttons via diverse images and purposes, to include OBS Studio as well as Streamlabs OBS websocket integration meant for streamers.<\/p><h2 class=\"wp-block-heading\">Directus<\/h2><p><strong>Website:<\/strong> <a href=\"https:\/\/demo.directus.io\">https:\/\/demo.directus.io<\/a><br><strong>GitHub<\/strong>: https:\/\/github.com\/directus\/directus<\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"696\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-26-at-10.17.16-PM-1024x696.png\" alt=\"Projects Built With Vue.js\" class=\"wp-image-2198 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-26-at-10.17.16-PM-1024x696.png 1024w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-26-at-10.17.16-PM-600x408.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-26-at-10.17.16-PM-768x522.png 768w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-26-at-10.17.16-PM-1536x1043.png 1536w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-26-at-10.17.16-PM.png 1840w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/696;\" data-original-sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption><em>Image source: https:\/\/directus.io<\/em><\/figcaption><\/figure><p>Directus was redone from scratch in Vue.js and then decoupled from the brand-new &#8220;versionless&#8221; API. These can effortlessly be tailored and extended to meet your project&#8217;s requirements. It likewise comes with a dark mode already built-in.<\/p><p>Directus is an example of an open-source group of programs used to manage content for all sizes of projects. Examples of this Directus API let one effortlessly connect SQL database content to any place (i.e. websites, native applications, wearables, kiosks, IoT devices, and more) though the Directus App lets non-technical users intuitively manage the content. One can effortlessly install the entire Directus Suite that includes its App, as well as the API, and all its dependencies.<\/p><h2 class=\"wp-block-heading\">Light Blue Vue<\/h2><p><strong>Website:<\/strong> <a href=\"https:\/\/flatlogic.com\/templates\/light-blue-vue\">https:\/\/flatlogic.com\/templates\/light-blue-vue<\/a><\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"960\" height=\"600\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/1-7af8b2924fdef21223d86dda3dba51e9530ba65096cdbae51befaec57836e07f-2.png\" alt=\"Projects Built With Vue.js\" class=\"wp-image-2199 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/1-7af8b2924fdef21223d86dda3dba51e9530ba65096cdbae51befaec57836e07f-2.png 960w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/1-7af8b2924fdef21223d86dda3dba51e9530ba65096cdbae51befaec57836e07f-2-600x375.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/1-7af8b2924fdef21223d86dda3dba51e9530ba65096cdbae51befaec57836e07f-2-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\" \/><figcaption><em>Image source: https:\/\/flatlogic.com\/templates\/light-blue-vue<\/em><\/figcaption><\/figure><p>This admin template was built with Vue.js framework and it doesn&#8217;t have jQuery dependencies. It aids you in&nbsp; quick-starting the development of dashboard web apps by offering 100s of pre-built mechanisms and many example pages plus timeline, chat, search result, invoices, and many more. Template has an exclusive transparent design as well as 2 premium UI-themes. Every bit of the template gets constructed with&nbsp; Vue.js, as well as vuex, and vue-router along with vue-bootstrap.<\/p><h2 class=\"wp-block-heading\">Ride Receipts<\/h2><p><strong>Website:<\/strong> <a href=\"https:\/\/ridereceipts.io\/\">https:\/\/ridereceipts.io\/<\/a><\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"994\" height=\"638\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-26-at-10.22.33-PM.png\" alt=\"Projects Built With Vue.js\" class=\"wp-image-2202 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-26-at-10.22.33-PM.png 994w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-26-at-10.22.33-PM-600x385.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-26-at-10.22.33-PM-768x493.png 768w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 994px; --smush-placeholder-aspect-ratio: 994\/638;\" data-original-sizes=\"(max-width: 994px) 100vw, 994px\" \/><figcaption><em>Image source: https:\/\/ridereceipts.io<\/em><\/figcaption><\/figure><p>Ride Receipts is an example of an open-source desktop application which automates the procedures of downloading, organizing and renaming Uber invoices. Instead of logging into the Uber\/Lyft account so you can scan through the trips and manually downloading each of the invoices, Ride Receipts does that automatically.<\/p><h2 class=\"wp-block-heading\"><strong>Vue Material Template<\/strong><\/h2><p><strong>Website: <\/strong><a href=\"https:\/\/flatlogic.com\/templates\/vue-material-template\">https:\/\/flatlogic.com\/templates\/vue-material-template<\/a><\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"438\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/09\/Vue-Material-Admin-min-1024x438.jpg\" alt=\"\" class=\"wp-image-4215 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/09\/Vue-Material-Admin-min-1024x438.jpg 1024w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/09\/Vue-Material-Admin-min-600x257.jpg 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/09\/Vue-Material-Admin-min-768x328.jpg 768w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/09\/Vue-Material-Admin-min-1536x657.jpg 1536w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/09\/Vue-Material-Admin-min.jpg 1887w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/438;\" data-original-sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption><em>Image source: https:\/\/flatlogic.com\/templates\/vue-material-template\/demo<\/em><\/figcaption><\/figure><p>This product is an example of a compilation of Vue.js, Material design, and a progressive Vuetify framework. This is a fully responsive admin template that contains many functional pages and a great variety of ready-made components. This template is a good base for creating the following web applications:<\/p><ul class=\"wp-block-list\"><li>SAAS<\/li><li>IoT dashboards<\/li><li>E-commerce, etc.<\/li><\/ul><p>This <a href=\"https:\/\/flatlogic.com\/templates\/admin-dashboards\">admin template<\/a> has amazing icons and notifications, functional sections, structured tables, colorful charts, well-designed typography and much more. This product is made according to a developer-oriented approach providing extensive documentation and full support. The template is compatible with Chrome, Firefox, IE 10, IE 11, Opera, Edge.<\/p><h2 class=\"wp-block-heading\">PhotoPrism<\/h2><p><strong>Website:<\/strong> <a href=\"https:\/\/photoprism.org\/\">https:\/\/photoprism.org\/<\/a><\/p><figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"595\" data-src=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-26-at-10.24.07-PM-4-1024x595.png\" alt=\"Projects Built With Vue.js\" class=\"wp-image-2214 lazyload\" data-srcset=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-26-at-10.24.07-PM-4-1024x595.png 1024w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-26-at-10.24.07-PM-4-600x348.png 600w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-26-at-10.24.07-PM-4-768x446.png 768w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-26-at-10.24.07-PM-4-1536x892.png 1536w, https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Screen-Shot-2020-03-26-at-10.24.07-PM-4.png 1612w\" data-sizes=\"auto\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/595;\" data-original-sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption><em>Image source: https:\/\/photoprism.org\/<\/em><\/figcaption><\/figure><p>The frontend of this app utilizes Vue.js 2 along with Vuetify and the backend is applied in Go.&nbsp;<\/p><p>PhotoPrism is an example of a server-based app used to browse, organize, and share a personal photo assortment. It uses the most current technologies for automatically tagging and finding pictures and doesn&#8217;t get in the way.<\/p><h2 class=\"wp-block-heading\">You might also like these articles:<\/h2><ul class=\"wp-block-list\"><li><a href=\"https:\/\/flatlogic.com\/blog\/top-7-react-admin-dashboard-templates\/\">Top 7 React Admin Dashboard Templates<\/a><\/li><li><a href=\"https:\/\/flatlogic.com\/blog\/how-to-create-react-native-airbnb-like-app\/\">How to Create React Native AirBnB-like App<\/a><\/li><li><a href=\"https:\/\/flatlogic.com\/blog\/web-and-ui-javascript-frameworks-and-libraries\/\">Web and UI JavaScript Frameworks and Libraries<\/a><\/li><\/ul>","protected":false},"excerpt":{"rendered":"<p>Vue.js is an advanced JavaScript context used to create the user interface for today&#8217;s applications yet not utilizing lots of resources.&nbsp;Vue.js chiefly focuses on the view layer, and this allows&#8230;<\/p>\n","protected":false},"author":21,"featured_media":2215,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"flatlogic_tldr":"Overview of 8+ projects showcasing Vue.js across CMS, admin dashboards, bots, and desktop tools.\nKey Vue.js advantages: flexible, progressive, compact, with conventions that reduce boilerplate.\nExamples include Twill, Directus, PhotoPrism, Deckboard, and Flatlogic\u00e2\u20ac\u2122s Sing App and templates.\nStacks often combine Vue with Vuex, Vuetify UI, Node.js or Go backends, plus deployment-ready setups.","flatlogic_facts":[],"footnotes":""},"categories":[40],"tags":[544,47,402,42],"class_list":["post-2183","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-reviews","tag-react-use-cases","tag-reviews","tag-vue-admin-templates","tag-vuejs"],"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>8+ Awesome Projects Built With Vue.js - Flatlogic Blog<\/title>\n<meta name=\"description\" content=\"Here are 8 awesome projects for your inspiration. We started to use Vue for our admin templates and can assure you, it is worth it\" \/>\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\/9-awesome-projects-built-with-vue-js\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"8+ Awesome Projects Built With Vue.js\" \/>\n<meta property=\"og:description\" content=\"Here are 8 awesome projects for your inspiration. We started to use Vue for our admin templates and can assure you, it is worth it\" \/>\n<meta property=\"og:url\" content=\"https:\/\/flatlogic.com\/blog\/9-awesome-projects-built-with-vue-js\/\" \/>\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-03-26T20:08:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-06-23T13:08:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Frame-1fvkp.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=\"Victor Sidorov\" \/>\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=\"Victor Sidorov\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"8+ Awesome Projects Built With Vue.js - Flatlogic Blog","description":"Here are 8 awesome projects for your inspiration. We started to use Vue for our admin templates and can assure you, it is worth it","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\/9-awesome-projects-built-with-vue-js\/","og_locale":"en_US","og_type":"article","og_title":"8+ Awesome Projects Built With Vue.js","og_description":"Here are 8 awesome projects for your inspiration. We started to use Vue for our admin templates and can assure you, it is worth it","og_url":"https:\/\/flatlogic.com\/blog\/9-awesome-projects-built-with-vue-js\/","og_site_name":"Flatlogic Blog","article_publisher":"https:\/\/www.facebook.com\/flatlogic","article_published_time":"2020-03-26T20:08:40+00:00","article_modified_time":"2022-06-23T13:08:52+00:00","og_image":[{"width":800,"height":600,"url":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Frame-1fvkp.png","type":"image\/png"}],"author":"Victor Sidorov","twitter_card":"summary_large_image","twitter_creator":"@flatlogic","twitter_site":"@flatlogic","twitter_misc":{"Written by":"Victor Sidorov","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/flatlogic.com\/blog\/9-awesome-projects-built-with-vue-js\/#article","isPartOf":{"@id":"https:\/\/flatlogic.com\/blog\/9-awesome-projects-built-with-vue-js\/"},"author":{"name":"Victor Sidorov","@id":"https:\/\/flatlogic.com\/blog\/#\/schema\/person\/bc11624325ce0fe3e55257a33e0d7776"},"headline":"8+ Awesome Projects Built With Vue.js","datePublished":"2020-03-26T20:08:40+00:00","dateModified":"2022-06-23T13:08:52+00:00","mainEntityOfPage":{"@id":"https:\/\/flatlogic.com\/blog\/9-awesome-projects-built-with-vue-js\/"},"wordCount":1265,"commentCount":0,"publisher":{"@id":"https:\/\/flatlogic.com\/blog\/#organization"},"image":{"@id":"https:\/\/flatlogic.com\/blog\/9-awesome-projects-built-with-vue-js\/#primaryimage"},"thumbnailUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Frame-1fvkp.png","keywords":["React Use Cases","Reviews","Vue Admin Templates","Vue.js"],"articleSection":["Reviews"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/flatlogic.com\/blog\/9-awesome-projects-built-with-vue-js\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/flatlogic.com\/blog\/9-awesome-projects-built-with-vue-js\/","url":"https:\/\/flatlogic.com\/blog\/9-awesome-projects-built-with-vue-js\/","name":"8+ Awesome Projects Built With Vue.js - Flatlogic Blog","isPartOf":{"@id":"https:\/\/flatlogic.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/flatlogic.com\/blog\/9-awesome-projects-built-with-vue-js\/#primaryimage"},"image":{"@id":"https:\/\/flatlogic.com\/blog\/9-awesome-projects-built-with-vue-js\/#primaryimage"},"thumbnailUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Frame-1fvkp.png","datePublished":"2020-03-26T20:08:40+00:00","dateModified":"2022-06-23T13:08:52+00:00","description":"Here are 8 awesome projects for your inspiration. We started to use Vue for our admin templates and can assure you, it is worth it","breadcrumb":{"@id":"https:\/\/flatlogic.com\/blog\/9-awesome-projects-built-with-vue-js\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/flatlogic.com\/blog\/9-awesome-projects-built-with-vue-js\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/flatlogic.com\/blog\/9-awesome-projects-built-with-vue-js\/#primaryimage","url":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Frame-1fvkp.png","contentUrl":"https:\/\/flatlogic.com\/blog\/wp-content\/uploads\/2020\/03\/Frame-1fvkp.png","width":800,"height":600},{"@type":"BreadcrumbList","@id":"https:\/\/flatlogic.com\/blog\/9-awesome-projects-built-with-vue-js\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/flatlogic.com\/blog\/"},{"@type":"ListItem","position":2,"name":"8+ Awesome Projects Built With Vue.js"}]},{"@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\/bc11624325ce0fe3e55257a33e0d7776","name":"Victor Sidorov","sameAs":["Viktor is a Vue.js evangelist; he is a young and talented developer, technically savvy in all aspects of modern web development. Viktor is a firm believer in continuous learning, and he is passionate about programming and creating really beautiful code. Viktor is a witty minded guy with surreal off-the-wall humor. He is not just a professional developer with 6 years of experience , but a guru of tech who can lead numerous projects with huge commitment. Experience in staff training in new technologies and methodologies."],"url":"https:\/\/flatlogic.com\/blog\/author\/viktor\/"}]}},"_links":{"self":[{"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts\/2183","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\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/comments?post=2183"}],"version-history":[{"count":4,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts\/2183\/revisions"}],"predecessor-version":[{"id":12019,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/posts\/2183\/revisions\/12019"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/media\/2215"}],"wp:attachment":[{"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/media?parent=2183"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/categories?post=2183"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flatlogic.com\/blog\/wp-json\/wp\/v2\/tags?post=2183"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}