Quasar Framework
Original authorRazvan Stoenescu
ReleaseFebruary 2015; 11 years ago (2015-02)[1]
Stable release
2.18.6 / November 13, 2025; 7 months ago (2025-11-13)[2]
Written inJavaScript
Size14.7 KB min+gzip
TypeJavaScript framework
LicenseMIT License[3]
Websitequasar.dev Edit this on Wikidata
Repository

The Quasar Framework (commonly referred to as Quasar; pronounced /ˈkw.zɑːr/[4]) 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. [5][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.[6]

Overview

edit

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.[4]

Quasar is designed with performance, responsiveness and inter-operability in mind.[4]

History

edit

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][4]

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.

Features

edit

Components

edit

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:

<template>
  <!-- you define your Vue template here -->
</template>

<script setup>
// This is where your Javascript goes
// to define your Vue component, which
// can be a Layout, a Page or your own
// component used throughout the app.
</script>

<style>
/* This is where your CSS goes */
</style>

Quasar components are HTML tags that begin with q and link to the /quasar.config file.

Ecosystem

edit

The core library comes with tools and libraries both developed by the core team and contributors.

Official tooling

edit

Quasar Framework consists of several key components:

Quasar CLI
A command-line interface tool that facilitates the creation and development of cross-platform applications. It provides a global environment for app initialization and management.
Quasar App
The local development and build environment within the Quasar CLI. It includes:
Quasar UI
A comprehensive library of user interface components designed for use within Quasar applications.

See also

edit

Sources

edit

 This article incorporates text from a free content work. Licensed under MIT License (license statement/permission). Text taken from Quasar Framework Guide​, Quasar Framework.

References

edit
  1. ^ a b Stoenescu, Razvan (July 3, 2019). "Why every Vue developer should be excited by Quasar 1.0". Quasar Framework.
  2. ^ "Quasar Framework Quasar Releases". GitHub. October 3, 2022.
  3. ^ "Quasar/LICENSE". GitHub. Retrieved May 20, 2020.
  4. ^ a b c d e "Guide: What is Quasar?". Quasar Framework. Retrieved May 20, 2020.
  5. ^ Connell, Danny (2020). Quasar Framework: Cross-Platform Vue JS Vuex & Firebase Apps. Udemy.
  6. ^ "Meet the Team — Quasar Framework". quasar-framework.org. Retrieved May 20, 2020.
  7. ^ "Quasar.conf 2020". July 5, 2020.
  8. ^ "Vue Single File Components (SFC) — Quasar Framework". Retrieved May 22, 2020.
edit

📚 Artikel Terkait di Wikipedia

Apache Cordova

and open-source software portal List of rich web application frameworks Quasar Framework RhoMobile Suite Cocos2d WinJS NativeScript Xamarin Flutter Titanium

Quasar (disambiguation)

car Quasimidi Quasar, a sound synthesizer Quasar framework, open source app framework Search for "quasar" on Wikipedia. List of quasars All pages with

List of software using Electron

MongoDB Compass Mullvad Notion Obsidian OpenVPN Connect Postman QQNT Quasar Framework Samsung Magician Shift Signal Skype (discontinued) Slack SwitchHosts

Technological convergence

apps designed for such via frameworks like Kirigami) or by the use of multi-platform frameworks like the Quasar framework that use tools such as Apache

Qt Group

products. formerly known as Trolltech, Qt Company, Qt Development Frameworks, Quasar Technologies and Qt Software "20 Years of Qt Code". Retrieved 10 June

Vue.js

portal Comparison of JavaScript-based web frameworks Svelte React AngularJS Angular Quasar Framework Web framework JavaScript library Model–view–viewmodel

Qt (software)

(/ˈkjuːt/ pronounced "cute") is a cross-platform application development framework for creating graphical user interfaces as well as cross-platform applications

Supermassive black hole

the process responsible for powering active galactic nuclei (AGNs) and quasars. Two supermassive black holes have been directly imaged by the Event Horizon