10 Most Awesome Projects Built with Vue.JS
Tags: vue, uiweekly, weeklyui, webdev
Published: 2020-01-10 08:38:38

Vue.JS is a progressive JavaScript Framework, probably the easiest to learn there is. For the last few years it has been gaining popularity and it still does. Let’s check out some projects that use vue.js and then you can say for yourself if it is cool or not.

Here we go:


## [**1. BootstrapVue Argon Dashboard PRO**](https://www.creative-tim.com/product/bootstrap-vue-argon-dashboard-pro?ref=devto)

[![BootstrapVue Argon Dashboard PRO](https://creativetimblog.com/blog/wp-content/uploads/2020/03/BootstrapVue-Argon-Dashboard-PRO.jpg)](https://www.creative-tim.com/product/bootstrap-vue-argon-dashboard-pro?ref=devto)

[BootstrapVue Argon Dashboard PRO](https://demos.creative-tim.com/bootstrap-vue-argon-dashboard-pro/?ref=devto) is a completely new product built on our newest framework structure that is meant to make our products more intuitive, more adaptive and, needless to say, so much easier to customize. Let Argon amaze you with its cool features and build tools and get your project to a whole new level.

##**[2. Vue Material Dashboard Laravel] (https://www.creative-tim.com/product/vue-material-dashboard-laravel?ref=devto)**

[![Vue Material Dashboard Laravel] (https://creativetimblog.com/blog/wp-content/uploads/2020/04/Vue-Material-Dashboard-Laravel.jpg)](https://www.creative-tim.com/live/vue-material-dashboard-laravel?ref=devto)
What if your frontend came not only with reusable components but also with a reusable backend? API-driven development is more than just a buzzword and we partnered with [UPDIVISION](https://updivision.com/?ref=creativetim) to prove it. Build awesome-looking apps with a flexible architecture across a variety of devices and operating systems with [Vue Material Dashboard Laravel.](https://www.creative-tim.com/live/vue-material-dashboard-laravel?ref=devto)

You’re getting the Material Design look you know and love built on top of two of the most popular frameworks today: Vue.js and Laravel. Behind the curtains, everything goes through an API, which allows for a high degree of standardization.

## [**3. Fullstack.io – Learn Vue.js**](https://www.newline.co/vue/)

[![Fullstack.io](https://cdn-images-1.medium.com/max/1600/1*vqA-KTO1pHxyQRLTETvdHw.png)](https://www.newline.co/vue/)

This is the website for the tutorial book FullStack Vue — the Complete Guide to Vue.js. It aims to teach people everything there is to know about Vue so that anyone can start writing Vue apps fast and efficiently.

## [**4. Task List**](https://vuejsexamples.com/task-list-with-vue-js/)

[![Task List](https://vuejsexamples.com/content/images/2017/09/vue-tasklist.gif)](https://vuejsexamples.com/task-list-with-vue-js/)

Task List is a simple app built with Vue.js that helps you keep track of all your tasks. With a simple intuitive design, this Task List enables you to organize your life and never again forget about tasks.


## [**5. Vue Material Dashboard**](https://www.creative-tim.com/product/vue-material-dashboard?ref=devto)

[![Vue Material Dashboard](https://cdn-images-1.medium.com/max/1600/1*WaXoUFMAD-449BVCoAJSMA.png)](https://www.creative-tim.com/product/vue-material-dashboard?ref=devto)

[Vue Material Dashboard](https://demos.creative-tim.com/vue-material-dashboard/#/dashboard?ref=devto) is a resource built by [Creative Tim](https://creative-tim.com?ref=devto) over [Vue Material](https://vuematerial.io/) and [Vuejs](https://vuejs.org/v2/guide/). It is a super cool tool if you want to start developing dashboards fast and easy. All you need is a basic understanding and knowledge of JavaScript, Vue.js and Vue Router.

## [**6. TuneIn**](https://tunein.netlify.com/)

[![TuneIn](https://cdn-images-1.medium.com/max/1600/1*izKVKzleF7oFD4LEWNwAGg.png)](https://tunein.netlify.com/)

This is a simple music discovery app. The beautiful website’s strong point is the easiness of use. By keeping everything simple, it became very easy to understand. It doesn’t have many features, but does it really need more?


## [**7. Octoplus Group**](https://octoplus.ch/en)

[![Octoplus Group](https://cdn-images-1.medium.com/max/1600/1*PaNJza0tHSI5kAkSK8_VEw.gif)](https://octoplus.ch/en)

Octoplus Group is an integrated communication agency that aims to help its clients and their success grow. For their homepage, they took the concept of *Every story starts with a letter quite literally*. But in a good way, obviously. And that pretty much seems to be how this website got its shape.

## [**8. ProjectHelios**](https://project-helios.ca/#/)

[![ProjectHelios](https://cdn-images-1.medium.com/max/1600/1*kkx3cYmmuQuuoLpoC6pzRQ.png)](https://project-helios.ca/#/)

This website is obviously a tribute to the vaporwave movement. I secretly enjoy this current both in music and in aesthetics so I actually quite like this one. It might look a bit old school, but the 80s’ is what inspires it, so why not combine it with our tech too.


## [**9. FontAwesome**](https://fontawesome.com/)

[![FontAwesome](https://cdn-images-1.medium.com/max/1600/1*5ELvacWbqYOiOvM_tdPy0A.png)](https://fontawesome.com/)

This one you probably already know and have used at some point. If not, maybe you should give it a shot. I for one don’t know what I would have done without it. So from these people without whom many frontend devs’ lives would be harsher, comes to a cool, functional, user-friendly and built with a vue.js website.

## [**10. ColorsWall**](https://colorswall.com/)

[![ColorsWall](https://cdn-images-1.medium.com/max/1600/1*etRVO6Ba4kjg6ed0pjDCQQ.png)](https://colorswall.com/)

Coming up with a good, beautiful combination of colors is pretty hard. Losing it is even harder. I think I cried once or twice over lost color palettes. Well, no more I say! This a pretty neat idea and website that will help you store all of your color palettes in just one place.


## [**11. RottenSoup**](https://rottensoup.herokuapp.com/#/)

[![RottenSoup](https://cdn-images-1.medium.com/max/1600/1*pkse4xb05YEQw-J7MsXymg.png)](https://rottensoup.herokuapp.com/#/)

RottenSoup is a roguelike RPG with an interface built with vue.js. If you’re feeling nostalgic, this is the game for you. I, for one, really enjoyed playing it.

## [**12. VueVixens**](https://vuevixens.org/)

[![VueVixens](https://cdn-images-1.medium.com/max/1600/1*P2cvv7SlqALZtrZHZD-XWw.png)](https://vuevixens.org/)

Started by Jen Looper, Vue Vixens creates awesome Vue.js learning opportunities for anyone who identifies as a woman. By hosting workshops for under-represented people, Vue Vixens takes this experience to a whole new level. Thank you for existing.

**Do you know other awesome Vue.js projects? Leave [us](https://www.creative-tim.com/?ref=devto) a link in the comments!**