How quasarframework/quasar works
Quasar is a Vue framework and project toolchain for creating and running applications across web, server-rendered, static, mobile, desktop, and browser-extension targets. A typical developer starts with project scaffolding, configures an app, then runs development or production commands; the app tooling selects a platform mode to serve or build. The repository also provides the UI runtime, icon/font extras, icon asset generation, and an MCP server for framework documentation and API access. The README documents these capabilities; only selected storage, positioning, and MCP source excerpts were available, so uncertain internal calls are omitted.
Main entry points: bin/quasar.js App commands · modes Platform modes · create-project-folder.js Project scaffolder · bin/quasar.js Quasar CLI
Components 20
Project workflow
- Project scaffolder
create-quasar/lib/create-project-folder.js - Quasar CLI
cli/bin/quasar.js - App commands
app-vite/bin/quasar.js - App builder
app-vite/lib/app-builder.js - Dev server
app-vite/lib/app-devserver.js - Platform modes
app-vite/lib/modes - App configuration
app-vite/lib/quasar-config-file.js - App templates
app-vite/templates
App runtime
- Vue UI framework
ui/src/components.js - Popup positioning
ui/src/composables/private.use-position-engine/use-position-engine.js - Browser storage
ui/src/plugins/storage/engine/web-storage.js
Assets and icons
- Icon and font extras
extras/index.js - Icon asset generator
icongenie/lib/cmd/generate.js
AI documentation
- Quasar MCP server
mcp/src/server.js - Installed docs and API
mcp/src/docs.js
Other components
- Developer
- Target platforms
- Web Storage
- Platform icon assets
- AI coding agent
Connections 18
- Developer → Project scaffolder: creates project
- Project scaffolder → App templates: uses templates
- Developer → Quasar CLI: runs commands
- Quasar CLI → App commands: invokes app tooling
- App commands → App configuration: loads config
- App commands → Dev server: starts development
- App commands → App builder: runs build
- App builder → Platform modes: selects mode
- Dev server → Platform modes: serves mode
- Platform modes → Target platforms: targets
- Developer → Vue UI framework: uses framework
- Popup positioning → Vue UI framework: supports popups
- Browser storage → Web Storage: reads and writes
- Developer → Icon asset generator: generates assets
- Icon asset generator → Platform icon assets: writes assets
- Developer → Icon and font extras: selects extras
- AI coding agent → Quasar MCP server: requests framework help
- Quasar MCP server → Installed docs and API: reads and searches