10 Best Vue.js UI Frameworks for Mobile Hybrid Apps

10 Best Vue.js UI Frameworks for Mobile Hybrid Apps

Empowering your websites and apps
Build responsive websites, PWAs, hybrid mobile Apps (that look native!) and Electron apps, all simultaneously using same codebase, powered with Vue.
Head on to the Quasar Framework official website: http://quasar-framework.org
Stay in Touch
For latest releases and announcements, follow on Twitter: @quasarframework

Community Forum
Head on to the official community forum: http://forum.quasar-framework.org
Quasar Repositories
Quasar Play App
Instead of using mobile emulators for testing your Quasar Apps, use this App instead. You can develop apps directly on your phone/tablet (hot reload supported!), without even installing your app.
Currently only on Google Play. Requiring funding to pay fees on Apple Store and release the iOS counterpart too.
Check its repo here: Quasar Play.

Brings the Power and Simplicity of Vue.js to Hybrid and Progressive Web Apps
Beautifully designed Vue Components that feels native
Onsen UI framework provides a wide variety of ready-to-use Vue Components that emulate iOS and Android UI guidelines and designs.
Simply pick out the elements you want in your app (like navigators, tabbar, lists, buttons… you name it) and they automatically show the iOS or Android look and feel according to the device they are running in.
Building native-looking and high-performance apps could never be easier.

Full featured HTML framework for building iOS & Android apps
Framework7 – is a free and open source mobile HTML framework to develop hybrid mobile apps or web apps with iOS & Android native look and feel. It is also an indispensable prototyping apps tool to show working app prototype as soon as possible in case you need to.
The main approach of the Framework7 is to give you an opportunity to create iOS & Android apps with HTML, CSS and JavaScript easily and clear. Framework7 is full of freedom. It doesn’t limit your imagination or offer ways of any solutions somehow. Framework7 gives you freedom!
Framework7 is not compatible with all platforms. It is focused only on iOS and Google Material design to bring the best experience and simplicity.
Framework7 is definitely for you if you decide to build iOS or Android hybrid app (PhoneGap) or web app that looks like and feels as great native iOS and Google Material apps.

Material Component Framework

Vuetify is a semantic component framework for Vue. It aims to provide clean, semantic and reusable components that make building your application a breeze.
Build amazing applications with the power of Vue and Material Design and a massive library of beautifully crafted components. Created according to Google’s Material Design Spec, Vuetify components feature an easy-to-remember semantic design that shifts remembering complex classes and markup, to type-as-you speak properties that have simple and clear names.
Harness the power of the Vuetify community and get help 24/7 from talented developers across the world, the dev team and the creator, John Leider. Become a backer and get access to dedicated support from the team.
Vuetify supports all modern browsers, including IE11 and Safari 9+. From mobile to laptop to desktop, you can rest assured that your application will work as expected. Interested in the bleeding edge? Try the vue-cli Webpack SSR (Server side rendered) template and build websites optimized for SEO.
Demo and Documentation

A lightweight collection of essential UI components written with Vue and inspired by Material Design
Keen UI is a lightweight Vue.js UI library with a simple API. The design is inspired by Google’s Material Design. However, Keen UI is not meant to be a full implementation of the Material Design spec.

Keen UI is not a CSS framework. As such, it doesn’t include a grid system, typography styles, etc. Instead, the focus is on interactive components that require Javascript.
Documentation and demo

BootstrapVue provides one of the most comprehensive implementations of Bootstrap 4 components and grid system for Vue.js and with extensive and automated WAI-ARIA accessibility markup.
BootstrapVue provides one of the most comprehensive implementations of Bootstrap 4 components and grid system for Vue.js and with extensive and automated WAI-ARIA accessibility markup.
Build responsive, mobile-first projects on the web using Vue.js and the world’s most popular front-end CSS library — Bootstrap V4.
Bootstrap-Vue provides one of the most comprehensive implementations of Bootstrap V4 components and grid system available for Vue.js 2.4+, complete with extensive and automated WAI-ARIA accessibility markup.

Bootstrap 4 is the world’s most popular framework for building responsive, mobile-first sites.

Build beautiful apps with Material Design and Vue.js

Vue Material is Simple, lightweight and built exactly according to the Google Material Design specs
Build well-designed apps that can fit on every screen with support to all modern Web Browsers with dynamic themes, components on demand and all with an ease-to-use API
Demo and Documentation
★ READ ALSO ★  A Example of quasar admin Template

A flexible and powerful UI components library for developing fast and powerful web application
Vue-Blu is an UI component library base on Vuejs and Bulma For developing fast and powerful web application
  • Provides a work flow which is based on npm + webpack + babel,supporting ES2015
  • High quality UI components, flexible and friendly apis
  • Flexbox, Responsive
  • Customizable

A framework for building Mobile cross-platform UI.
Weex is a framework for building high-performance mobile applications with modern web development experience.
Weex dedicates to enable developers to use modern web development experience to build both Android, iOS and web apps with a single codebase. In practice, you can use javascript and modern front-end frameworks to develop mobile apps after integrating the WeexSDK.
The structure of Weex is decoupled, the render engines are separated from the syntax layer. Weex doesn’t rely on any specific front-end framework, it mainly supports Vue.js and Rax.
Another primary goal of Weex is to keep up with modern development technologies and platform capabilities both for web and native. Productivity and performance can coexist in Weex. Writing Weex pages feels the same like writing web pages. Rendering Weex pages is just the same as rendering native pages.

Mobile UI elements for Vue.js
Mint UI provides CSS and JS components for building mobile applications such as toast, date-time picker, lazy load, progress bar, action sheet and more. Thanks to the efficient component-based approach of Vue.js


AWESOME VueJs Packages TOP, to speed up your development
[vc_row][vc_column][vc_column_text] VueJs AWESOME VueJs Packages TOP | Vue.js is one of the fastest growing libraries javascript framework in the last 2 years. Vue.js has similarity with Laravel, it comes with good and great documentation, so for newbie developer, vue.js is the best solution to learn from scratch. Now, I will…
Quasar Framework version 0.14 comes out of beta
Quasar v0.14.1 The official version 0.14.1 of Quasar has been released! Coming out of beta chock full of great improvements, reaching of 3k stars on GitHub. According to the latest post on the framework's blog, it's a big rewrite, aproximately 70%. Special details like 24 shadow levels to select from…
Vue.js Frameworks & Libraries to use in your next project
Vue.js frameworks Following the growth around the Vue community, a lot of developers have created and adapted projects to fit seamlessly with Vue based projects. New frameworks which utilize Vue components and libraries which help build big-scale projects and apps are constantly appearing. Take for example Nuxt.js, not a very…

Tags :