Quasar Framework

Build responsive websites and hybrid mobile Apps
(that look native!) using same code, with VueJs.

SPA front-end on steroids.

Making a Mobile App...

  • React Native
  • NativeScript
  • Cordova / PhoneGap
  • Ionic / Framework7 / Onsen...

Features

  • One source code for all platforms simultaneously
  • Boilerplate
  • Built-in Components
  • Themes
  • Dev Hot Reload
  • Desktop and Mobile (Native Mobile Apps included)
  • Full Stack Toolkit

Cross-Platform Code Gen.

"Write Once, Run Everywhere"

 - One app to rule them all!

  • Electron (Desktop) Apps
  • Cordova (iPhone and Android) Apps
  • Web (SPA / PWA)

Install

npm install -g quasar-cli

Demo Time

quasar init intro-to-quasar

cd intro-to-quasar

quasar dev

Platforms

  • iOS: quasar dev -m cordova -T ios
  • Android: quasar dev -m cordova -T android
  • Electron: quasar dev -m electron -t mat
  • PWA (Material UI): quasar dev -m pwa -t mat
  • PWS (iOS): quasar dev -m pwa -t ios

Components

Resources

fin.

Introduction to Quasar Framework

By Swapnil Agarwal

Introduction to Quasar Framework

  • 1,142