Description #
Quasar is a Vue.js-based framework for building high-performance websites, PWAs, mobile apps, and desktop apps — all from a single codebase.
History #
Quasar was created by Razvan Stoenescu in 2016 to unify frontend development across platforms. It rapidly became a go-to option for Vue developers needing mobile or desktop app builds using Cordova and Electron.
Hello World Code #
<template>
<q-page class="flex flex-center">
<div>Hello, World!</div>
</q-page>
</template>How to Run #
Option 1: Online
https://quasar.dev/play
Option 2: Local
npm install -g @quasar/cli
quasar create hello-world
cd hello-world
quasar devKey Concepts #
- Vue.js-based full framework
- Build SPA, SSR, PWA, mobile, and desktop
- Material Design by default
- Electron and Cordova integrations
- Pre-built UI components
- Responsive layouts
- Theme switching and RTL support
- CLI scaffolding and builds
- Custom app icons and splash screens
- Global config and i18n support
Try It Online #
Fun Facts #
- You can generate 5 different app types (SPA, PWA, SSR, Electron, and Cordova) with one command.
- Quasar uses tree-shaking to include only needed components, reducing bundle size.
- Developers praise its first-party integrations — you don’t need third-party plugins.
- It’s one of the most complete Vue ecosystems, often compared to Nuxt but with wider build targets.
- The community is highly active, and the documentation includes dozens of real-world examples.
