Vue JS Examples

What is Vue JS?

Vue is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, and is very easy to pick up and integrate with other libraries or existing projects. – (https://vuejs.org/v2/guide/)

 

Why Vue JS?

Vue outperforms Angular and React on pretty much all benchmarks, and it’s much simpler to pick up. It’s a “progressive” framework. At the lowest-level, you can simply link to it in your front-end like jQuery, and start using lots of cool features that solve most simple javascript/jQuery needs. Then, if you want to build that into a big single-page app, you have built-in support for component-style development and React-style rendering if you, PLUS officially maintained supporting frameworks (Vuex and Vue Router). Vue has “single-file component” files which allow you to build your HTML template, your JS code and your component-specific CSS in a single file that Vue and Webpack will process appropriately–this is actually very cool. – (https://forum.freecodecamp.com/t/vue-js-resources/48285/4)

 


Examples:

Vue JS Picture Input


Vue Paper Dashboard by Creative Tim 

 


Onsen UI for Vue 2

 


Vuetify.js

 


Framework7


Showcasing the best things related to VueJS

VueJS Expo is a beautiful showcase of websites, applications, and experiments using the Vue.js framework

 


Quasar Framework


Mint UI


Buefy


Element

 


Vue Material

 


Vue JS Starter Template

 


Vuelidate


Vue.js 2.0 UI elements for mobile


Keen UI


Bootstrap Vue


If you think something is missing from this list, let us know in a comment below.


Facebook Comments

12 thoughts on “Vue JS Examples

  1. Vue is getting so famous, compared to other frameworks like Angular JS and React JS, it is lightweight and flexible.

    I hope to get trained on these new techs some day. :v

  2. I love Vue 2! Much simpler to use than Angular, maybe Creative Tim can get a little inspired to adopt it in some of their dashboard templates 😉

Leave a Reply

Your email address will not be published. Required fields are marked *