Quasar Framework

Build high-performance VueJS user interfaces in record time: responsive Single Page Apps, SSR 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-webpack?label=@quasar/app-webpack"> <img src="https://img.shields.io/npm/v/%40quasar/app-vite?label=@quasar/app-vite"> <img src="https://img.shields.io/npm/v/%40quasar/cli?label=@quasar/cli"> <img src="https://img.shields.io/npm/v/%40quasar/extras.svg?label=@quasar/extras"> <img src="https://img.shields.io/npm/v/%40quasar/icongenie.svg?label=@quasar/icongenie"> <img src="https://img.shields.io/npm/v/%40quasar/vite-plugin.svg?label=@quasar/vite-plugin">

<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 these awesome backers.

Please read our manifest on Why donations are important. If you'd like to become a donator, check out Quasar Framework's Donator campaign.

Proudly sponsored by:

<table> <tbody> <tr> <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> <td align="center" valign="middle"> <a href="https://www.hapag-lloyd.com/en/landingpage/quasar.html" target="_blank"> <img width="200px" height="100px" src="https://cdn.quasar.dev/logo-sponsors-v2/light/HapagLloyd.svg"> </a> </td> </tr> <tr></tr> <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>&nbsp;</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