Guide · Open source
How to use Quasar: install, build apps and key tips
Updated · written with AI from the project's own documentation and checked against our catalogue data
Quasar is an open-source framework built on Vue.js for creating user interfaces. According to its README, one codebase can produce single page apps, SSR and static sites, PWAs, browser extensions, hybrid mobile apps and Electron desktop apps. This guide explains what you need before you start, how to get the source, and where to go next so you can begin a Quasar project with confidence.
Quasarquasarframework/quasar · ★ 27.2k · MIT Install options & downloads Quick start
- 1Check prerequisites. Confirm that Node.js and npm, or a compatible package manager, are installed on your machine.
- 2Clone the repository. Run git clone https://github.com/quasarframework/quasar.git in the folder where you want the source.
- 3Read the official docs. Open https://quasar.dev to find the documentation and API reference.
- 4Pick a build target. Decide whether you need a single page app, SSR, SSG, PWA, browser extension, hybrid mobile app or Electron app, since all come from one codebase.
- 5Ask for help when stuck. Use the Discord chat or community forum linked in the README if you get stuck.
Check whether Quasar fits your project
Quasar is aimed at developers who already know Vue.js and want a ready-made set of components and tooling rather than assembling everything themselves. It suits teams that want one codebase for web, mobile and desktop targets, and projects that need a Material Design style interface.
It is less suitable if you do not know JavaScript or Vue, since the framework assumes that background. A small static page may be simpler with a lighter tool, and teams that cannot take on the framework's build and tooling setup may struggle.
Install the prerequisites
Quasar's install method is through a package manager. The prerequisites listed for it are Node.js and npm, or a compatible package manager.
- Node.js
- npm or a compatible package manager
Get the Quasar source code
The README gives a clone command to fetch the repository. Run it in the folder where you want the project to live.
git clone https://github.com/quasarframework/quasar.gitLearn the framework from the official docs
The README points to the official website, quasar.dev, for documentation and the API reference. Community help is available on the official Discord chat at chat.quasar.dev and on the community forum at forum.quasar.dev.
The README also notes that documentation and API are offered in a form an AI coding agent can read offline.
- Official docs and API: https://quasar.dev
- Community chat: https://chat.quasar.dev
- Community forum: https://forum.quasar.dev
Know what the project includes and how it is maintained
Quasar is MIT-licensed and written in JavaScript. The project follows Semantic Versioning 2.0. The README lists several npm packages, including quasar, @quasar/app-vite, @quasar/cli and create-quasar, along with automated test workflows for UI, CLI, app-vite and other parts.
The README asks that Quasar-related websites, apps, tutorials or videos be added through a pull request to the quasar-awesome curated list.
What people use it for
- Building a single page web app with Vue.js components
- Creating a PWA or browser extension from a Vue codebase
- Shipping one codebase as a hybrid mobile app and an Electron desktop app
- Building an SSR or static site with Vue
- Creating an interface in a Material Design style
Frequently asked questions
Is Quasar free to use?
Yes. The README states that Quasar Framework is an MIT-licensed open source project. The README also invites users to support the project through sponsorship, but this is optional.
What do I need before installing Quasar?
The source lists Node.js and npm, or a compatible package manager, as prerequisites. You should also know JavaScript and Vue.js, since the framework assumes that background.
How do I get the Quasar source code?
The README gives the command git clone https://github.com/quasarframework/quasar.git. Run it in the folder where you want the repository.
Can I build mobile and desktop apps with Quasar?
According to the README, yes. Quasar can produce hybrid mobile apps and Electron desktop apps from the same codebase as web targets.
Where can I get help with Quasar?
The README lists the official website quasar.dev, a Discord chat at chat.quasar.dev and a community forum at forum.quasar.dev. Questions can be asked in any of these places.
What are alternatives to Quasar?
The source names Nuxt, Vuetify, PrimeVue and Ionic as comparable projects. The right choice depends on whether you need a full framework, a component library or a mobile-focused toolkit.
New agent skills, repos and AI tools — every week
The best new skills and open-source projects, the fastest-growing repos, and one free prompt. Five minutes to read. Unsubscribe anytime.
Our verdict
Quasar suits developers who already know Vue.js and want one codebase for web, mobile, desktop and PWA targets, with a ready-made component set. If you do not know JavaScript or Vue, or you only need a small static page, a lighter tool or one of the comparable projects such as Nuxt, Vuetify, PrimeVue or Ionic may be simpler.
Install options & downloads