quasar
Quasar is a Vue.js-based framework that bundles a rich Material Design component library with build tooling, letting developers ship SPAs, SSR apps, PWAs, mobile (Cordova/Capacitor), Electron desktop apps, and browser extensions from one codebase.
Embed badge
[](https://opensources.dev/resource/quasar)MITPermissive — free to use in commercial and proprietary software, with attribution.View license →
Production readiness
4/5- Actively maintainedCommits in the last 6 months
- No known vulnerabilitiesNot yet scanned
- Clear, usable licenseMIT (permissive)
- Proven adoptionWidely used
- Has documentationDocumentation indexed
npm install quasarOur analysis
Quasar is an all-in-one Vue.js framework combining an extensive Material Design component set with an opinionated CLI and build system that targets many platforms from a single codebase.
When to use quasar
Choose Quasar when building Vue apps that need a complete, cohesive UI kit out of the box and especially when you want to target multiple platforms (web, PWA, SSR, mobile, desktop) without maintaining separate stacks. It's a strong fit for teams wanting a batteries-included toolchain rather than wiring together separate libraries.
When not to
If you only need a handful of components, want a headless/unstyled approach (Radix-style), or prefer a different design language than Material, a lighter component library is a better fit. It also assumes you're committed to Vue, so React/Svelte teams should look elsewhere, and its heavy CLI conventions can feel restrictive for simple projects.
Strengths
- Comprehensive component library covering forms, layout, navigation, data tables and more with consistent Material styling
- Single codebase can build for SPA, SSR, PWA, mobile, Electron and browser extensions
- Integrated CLI handles bundling, dev server, and platform builds, reducing tooling decisions
- Active community, long-standing project, and well-regarded documentation
Trade-offs
- Tightly coupled to Vue and its own CLI conventions, creating lock-in
- Opinionated structure can clash with custom build setups
- Material Design look requires effort to fully customize away
- Large surface area means a steeper learning curve than a focused component library
Maturity
A mature, widely-adopted project (27k+ stars) with a public roadmap, semantic versioning, active Discord/forum community, and ongoing maintenance funded partly through donations.
Quasar Framework Documentation
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!
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.
Quasar Roadmap
For our roadmap, please visit: https://roadmap.quasar.dev
Documentation
Head on to the Quasar Framework official website: https://quasar.dev
Stay in Touch
For latest releases and announcements, follow on Twitter: @quasarframework
Chat Support
Ask questions at the official community Discord server: https://chat.quasar.dev
Community Forum
Head on to the official community forum: https://forum.quasar.dev
Semver
Quasar is following Semantic Versioning 2.0.
License
All assets included in this repository are exclusive property of their respective owners. Quasar does not take any credit in packages included here.