Quasar

Quasar is a Vue.js framework that allows developers to build responsive web applications, mobile apps (using Cordova or Capacitor), and Electron apps using a single codebase. It provides a rich set of components, tools, and themes to streamline the development process.

Features

• Vue.js Integration: Quasar is built on top of Vue.js, making it easy for Vue developers to get started.
• Responsive Design: Quasar’s components are designed to automatically adapt to different screen sizes, making it easy to create responsive applications.
• Cross-Platform: With Quasar, you can build web, mobile, and desktop applications from the same codebase, reducing development time and effort.
• Rich Component Library: Quasar comes with a rich set of pre-built components, including buttons, forms, dialogs, and more, to help you quickly build beautiful user interfaces.
• Themes and Layouts: Quasar provides customizable themes and layout options, allowing you to create a consistent look and feel across your application.
• Built-in Tooling: Quasar includes a CLI (Command Line Interface) and a dev server to streamline the development process.

Getting Started

To get started with Quasar, you can follow these steps:

1. Install Node.js and npm if you haven’t already

2. Install Quasar CLI globally using npm

npm install -g @quasar/cli

3. Create a new Quasar project

quasar create my-project

4. Navigate to your project directory and start the development server

cd my-project
quasar dev

5. Open your browser and navigate to localhost:8080 to see your Quasar application running

For more detailed instructions and documentation, please visit the Quasar documentation.

Documentation

• What is Quasar?
• Quasar as the UI Library for Vue3
• Quasar vs Android XML: Which UI Technology is More Efficient?
• Using Axios with Boot File

Examples

• Budget App Example from Danny Connell
• Quasar HTML Ref Example (.vue)
• Creating Browser Extensions with Quasar and Vue 3

Useful Links

• Building a Cross-Platform Note App
  • Quasar Framework is an open-source Vue JS framework for building apps, with a single codebase, and deploy it on to Mobile, Web, or Desktop. This app is using the Quasar Framework with the Vue 3 composition API to create a note-taking app. This app will allow users to create, update and delete notes using a rich text editor that comes preconfigured with quasar. I’ll also show you how you can run the app on the web, desktop, and mobile app.
• Quasar Markdown v2 - This is a Quasar UI component for Markdown.
  • Add Math to Markdown with markdown-it-mathjax3 - This is a markdown-it-mathjax3 plugin to add Math to Markdown.
  • MathLive - Cortex.js - This is a live editor for Math.