| Quasar Framework | |
| Author: | Razvan Stoenescu |
| Released: | [1] |
| Latest Release Version: | 2.9.1 |
| Latest Release Date: | [2] |
| Programming Language: | JavaScript |
| Size: | 14.7 KB min+gzip |
| Genre: | JavaScript framework |
| License: | MIT License[3] |
The Quasar Framework (commonly referred to as Quasar; pronounced) is an open-source Vue.js based framework for building apps with a single codebase. It can be deployed on the Web as a SPA, PWA, SSR, to a Mobile App, using Cordova for iOS & Android, and to a Desktop App, using Electron for Mac, Windows, and Linux.[4] Quasar was created by Razvan Stoenescu and is maintained by a small team of developers (also known as the "core team") and contributors. Most from the core team currently work at various companies such as Lenovo, IntelliView Technologies Inc. and AG Development Services.[5]
Quasar focuses on building VueJS user interfaces quickly. The user only needs to write one authoritative source of code for all platforms: responsive desktop/mobile websites (SPA, SSR + SPA client takeover, SSR + PWA client takeover), PWAs (Progressive Web Apps), mobile apps (that look native) and multi-platform desktop apps (through Electron) and also browser extensions.
Quasar is designed with performance, responsiveness and inter-operability in mind.
Quasar was created by Razvan Stoenescu after working for IBM and Lenovo using constantly new and different software tools to create all the separate types of iOS apps, Android apps, web applications, Windows Desktop apps, Apple Desktop apps, and PWAs. He later summed up his thought process: "I longed for a single framework that would remove all the complexity and produce all these different flavors of apps … from a SINGLE codebase.Unable to locate such a mythical tool, I decided to build it."[1] [6]
The first source code commit to the project was dated 2015, and Quasar stable 1.0 release was released in July 2019. The first Quasar conference took place in July 2020.[7] Quasar v2 (with Vue.js 3) went stable in 2.0.0 release in June 2021.
Quasar apps are built using Vue Single File Components and Quasar Components. Vue Single file components contain multiple sections: template (HTML), script (Javascript) and style (CSS/Stylus/SASS/SCSS/Less) - all in the same file.[8] The code snippet below contains an example of the structure of a Vue Single File Component:
Quasar components are HTML tags that begin with q and link to the /quasar.config file.
The core library comes with tools and libraries both developed by the core team and contributors.
Quasar Framework consists of several key components:
__FORCETOC__