Quasar Framework
Build high-performance Vue.js user interfaces in record time: responsive Single Page Apps, SSR Apps, SSG Apps, PWAs, browser extensions, hybrid mobile apps and Electron apps. If you want, all using the same codebase!
<img src="https://img.shields.io/npm/v/quasar?label=quasar" <img src="https://img.shields.io/npm/v/%40quasar/app-vite?label=@quasar/app-vite" <img src="https://img.shields.io/npm/v/%40quasar/extras.svg?label=@quasar/extras" <img src="https://img.shields.io/npm/v/%40quasar/vite-plugin.svg?label=@quasar/vite-plugin" <img src="https://img.shields.io/npm/v/%40quasar/cli?label=@quasar/cli" <img src="https://img.shields.io/npm/v/%40quasar/icongenie.svg?label=@quasar/icongenie"
<a href="https://forum.quasar.dev" target="blank"<img src="https://img.shields.io/badge/community-forum-brightgreen.svg"</a [](https://good-labs.github.io/greater-good-affirmation)
Please submit a PR to https://github.com/quasarframework/quasar-awesome with your website/app/Quasar tutorial/video etc. Thank you!
Supporting Quasar
Quasar Framework is an MIT-licensed open source project. Its ongoing development is made possible thanks to the support by our awesome sponsors and backers.
Please consider supporting our efforts, too! If you use Quasar at work, drop a message to your management about sponsoring us at https://donate.quasar.dev/. Please also read why donations are important.
Proudly sponsored by:
<table <tbody <tr <td align="center" valign="middle" <a href="https://irewind.com" target="blank" <img width="200px" height="100px" src="https://cdn.quasar.dev/logo-sponsors-v2/light/iRewind.svg" </a </td <td align="center" valign="middle" <a href="https://dreamonkey.com/" target="blank" <img width="200px" height="100px" src="https://cdn.quasar.dev/logo-sponsors-v2/light/Dreamonkey.svg" </a </td </tr <tr</tr <tr <td align="center" valign="middle" <a href="https://qintil.com/" target="blank" <img width="200px" height="100px" src="https://cdn.quasar.dev/logo-sponsors-v2/light/Qintil.svg" </a </td <td align="center" valign="middle" <a href="https://synestia.pl/" target="blank" <img width="200px" height="100px" src="https://cdn.quasar.dev/logo-sponsors-v2/light/Synestia.svg" </a </td </tr <tr</tr <tr <td align="center" valign="middle" <a href="https://letsbutterfly.com/" target="blank" <img width="200px" height="100px" src="https://cdn.quasar.dev/logo-sponsors-v2/light/Letsbutterfly.svg" </a </td <td align="center" valign="middle" <a href="https://kalisio.com/" target="blank" <img width="200px" height="100px" src="https://cdn.quasar.dev/logo-sponsors-v2/light/Kalisio.svg" </a </td </tr <tr</tr <tr <td align="center" valign="middle" <a href="https://comcomservices.com/" target="blank" <img width="200px" height="100px" src="https://cdn.quasar.dev/logo-sponsors-v2/light/COMCOMService.svg" </a </td <td align="center" valign="middle" <a href="https://digitalocean.com/" target="blank" <img width="200px" height="100px" src="https://cdn.quasar.dev/logo-sponsors-v2/light/DigitalOcean.svg" </a </td </tr <tr</tr <tr <td align="center" valign="middle" <a href="https://www.projectfinance.io/" target="blank" <img width="200px" height="100px" src="https://cdn.quasar.dev/logo-sponsors-v2/light/ProjectFinance.svg" </a </td <td align="center" valign="middle" <a href="https://ib-langenthal.ch/" target="blank" <img width="200px" height="100px" src="https://cdn.quasar.dev/logo-sponsors-v2/light/iBL.svg" </a </td </tr <tr</tr <tr <td align="center" valign="middle" <a href="https://jugglestreet.com.au/" target="blank" <img width="200px" height="100px" src="https://cdn.quasar.dev/logo-sponsors-v2/light/JuggleSt.svg" </a </td <td align="center" valign="middle" <a href="https://www.nodesol.com/" target="blank" <img width="200px" height="100px" src="https://cdn.quasar.dev/logo-sponsors-v2/light/Nodesol.svg" </a </td </tr <tr</tr <tr <td align="center" valign="middle" <a href="https://www.acornfinance.com" target="blank" <img width="200px" height="100px" src="https://cdn.quasar.dev/logo-sponsors-v2/light/AcornFinance.svg" </a </td <td align="center" valign="middle" <a href="https://www.certible.com/" target="blank" <img width="200px" height="100px" src="https://cdn.quasar.dev/logo-sponsors-v2/light/Certible.svg" </a </td </tr <tr</tr <tr <td align="center" valign="middle" <a href="https://www.bairesdev.com/sponsoring-open-source-projects/" target="blank" <img width="200px" height="100px" src="https://cdn.quasar.dev/logo-sponsors-v2/light/BairesDev.svg" </a </td <td </td </tr </tbody </table
Documentation
Head on to the Quasar Framework official website: https://quasar.dev
Stay in Touch
For latest releases and announcements, follow us on our Twitter account: @quasarframework
Chat Support
Ask questions at the official community Discord server: https://chat.quasar.dev
Community Forum
Ask questions at the official community forum: https://forum.quasar.dev