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>

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>&nbsp;</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

Contributing

Please make sure to read the Contributing Guide before making a pull request. If you have a Quasar-related project/component/tool, add it with a pull request to this curated list!

Thank you to all the people who already contributed to Quasar!

Semver

Quasar is following Semantic Versioning 2.0.

License

Copyright (c) 2015-present Razvan Stoenescu

MIT License