# Quasar Framework > Quasar is an MIT-licensed open-source Vue.js framework for building high-performance websites, PWAs, SSR sites, and mobile/desktop apps from a single codebase. This file indexes the markdown version of the official Quasar v2.24.0 documentation. Every link below serves plain markdown. ## How to contribute - [Commit Conventions](https://quasar.dev/how-to-contribute/commit-conventions.md): Quasar commit conventions - [Contribution Guide](https://quasar.dev/how-to-contribute/contribution-guide.md): How to contribute to Quasar Framework. - [How-to Start a New Project](https://quasar.dev/how-to-contribute/new-project.md): How to start a new project for Quasar. - [The Role of the Project Maintainer](https://quasar.dev/how-to-contribute/project-maintainer.md): The role of a Quasar project manager - [Active Project, Goals and Maintainers](https://quasar.dev/how-to-contribute/running-projects.md): Quasar's active projects, goals and maintainers. ## Options & Helpers - [Animations](https://quasar.dev/options/animations.md): Helper CSS animations supplied by Animate.css for a Quasar app. - [App Icons](https://quasar.dev/options/app-icons.md): Managing all the App icons and splash screens in a Quasar app. - [App Internationalization (i18n)](https://quasar.dev/options/app-internationalization.md): How to use vue-i18n in a Quasar app. - [Installing Icon Libraries](https://quasar.dev/options/installing-icon-libraries.md): How to use icon libraries in a Quasar app. - [Platform Detection](https://quasar.dev/options/platform-detection.md): How to detect the platform under which a Quasar app is running. - [Quasar Icon Sets](https://quasar.dev/options/quasar-icon-sets.md): How to configure icon sets for Quasar components. - [Quasar Language Packs](https://quasar.dev/options/quasar-language-packs.md): How to configure the Quasar language packs in a Quasar app. - [RTL Support](https://quasar.dev/options/rtl-support.md): Right to left support in a Quasar app. - [Screen Plugin](https://quasar.dev/options/screen-plugin.md): Quasar plugin that helps in writing a dynamic and responsive UI through Javascript code. - [SEO with Quasar](https://quasar.dev/options/seo.md): Managing the search engine optimizations in a Quasar app. - [The $q object](https://quasar.dev/options/the-q-object.md): The $q object in Quasar. Why and how to use it. - [Quasar Components Transitions](https://quasar.dev/options/transitions.md): Out of the box CSS transitions for Quasar components. ## Style & Identity - [Body classes](https://quasar.dev/style/body-classes.md): Quasar's helper classes that get added to document.body. - [Breakpoints](https://quasar.dev/style/breakpoints.md): Quasar's list of CSS breakpoints. - [Color Palette](https://quasar.dev/style/color-palette.md): How to use and customize the Quasar Color Palette. - [Dark Mode](https://quasar.dev/style/dark-mode.md): Handle dark mode with Quasar. - [Other CSS Helper Classes](https://quasar.dev/style/other-helper-classes.md): The list of CSS helper classes for mouse, size, orientation and border that are supplied by Quasar. - [CSS Positioning Classes](https://quasar.dev/style/positioning.md): The list of CSS classes supplied by Quasar to simplify the positioning of a DOM element. - [Sass/SCSS Variables](https://quasar.dev/style/sass-scss-variables.md): How to use the Sass/SCSS variables defined by Quasar. - [CSS Shadows (Elevation)](https://quasar.dev/style/shadows.md): The list of CSS classes supplied by Quasar for defining elevation on DOM elements. - [CSS Spacing Classes](https://quasar.dev/style/spacing.md): The list of CSS classes supplied by Quasar to simplify the specification of responsive paddings and margins. - [Theme Builder](https://quasar.dev/style/theme-builder.md): Theme builder for a Quasar app with which you can play with the brand colors. - [Typography](https://quasar.dev/style/typography.md): The typography of a Quasar app and its helper CSS classes. - [CSS Visibility](https://quasar.dev/style/visibility.md): The list of CSS classes supplied by Quasar to manage responsiveness and visibility of components and DOM elements. ## Layout and Grid - [Layout Drawer](https://quasar.dev/layout/drawer.md): How to use the QDrawer component. The sidebars of your Quasar app. - [Grid Column](https://quasar.dev/layout/grid/column.md): How to use the Quasar grid for columns. - [Flexbox Patterns](https://quasar.dev/layout/grid/flexbox-patterns.md): Common recipes for working with flexbox CSS is and how it can be used in a Quasar App. - [Grid Gutter](https://quasar.dev/layout/grid/gutter.md): How to use the Quasar grid for gutter spaces. - [Introduction to Flexbox](https://quasar.dev/layout/grid/introduction-to-flexbox.md): What the flexbox CSS is and how it can be used in a Quasar App. - [Grid Row](https://quasar.dev/layout/grid/row.md): How to use the Quasar grid for rows. - [Layout Header and Footer](https://quasar.dev/layout/header-and-footer.md): How to use the QHeader and QFooter components. The top and bottom bars of your Quasar app. - [Layout](https://quasar.dev/layout/layout.md): How to use the QLayout component. Manages the whole window of your Quasar app. - [Layout QPageScroller](https://quasar.dev/layout/page-scroller.md): How to use the QPageScroller component. Places components that will appear on screen after user scrolls the page. - [Layout QPageSticky](https://quasar.dev/layout/page-sticky.md): How to use the QPageSticky component. Statically place components on the layout without overlapping with header/footer/sidebars. - [Layout Page](https://quasar.dev/layout/page.md): How to use QPageContainer and QPage components. They define the contents of your Quasar app pages. - [Routing with Layouts and Pages](https://quasar.dev/layout/routing-with-layouts-and-pages.md): How to connect the Vue Router with your Quasar layouts and pages. ## Vue Components - [Ajax Bar](https://quasar.dev/vue-components/ajax-bar.md): The QAjaxBar Vue component displays a loading bar whenever an Ajax call is in progress. - [Avatar](https://quasar.dev/vue-components/avatar.md): The QAvatar Vue component creates an element that can embed a letter, an icon or an image within its shape. - [Badge](https://quasar.dev/vue-components/badge.md): The QBadge Vue component allows you to display information like contextual data that needs to stand out and get noticed. - [Banner](https://quasar.dev/vue-components/banner.md): The QBanner Vue component displays a prominent message and related optional actions. - [Bar](https://quasar.dev/vue-components/bar.md): The QBar Vue component is used to create the top bar on different platforms. - [Breadcrumbs](https://quasar.dev/vue-components/breadcrumbs.md): The QBreadcrumbs Vue component is a navigational aid for your UI. It allows users to keep track of their location within programs, documents, or websites. - [Dropdown Button](https://quasar.dev/vue-components/button-dropdown.md): The QBtnDropdown Vue component is used to display dropdown content on a button. - [Button Group](https://quasar.dev/vue-components/button-group.md): The QBtnGroup Vue component groups QBtn and QBtnDropdown into a single unit. - [Button Toggle](https://quasar.dev/vue-components/button-toggle.md): The QBtnToggle Vue component is a basic element for user input, similar to QRadio but with buttons. - [Button](https://quasar.dev/vue-components/button.md): The QBtn Vue component is a button with features like shaping, loading state, ripple and more. - [Card](https://quasar.dev/vue-components/card.md): The QCard Vue component is a great way to display important pieces of grouped content. It assists the viewer by containing and organizing information, while also setting up predictable expectations. - [Carousel](https://quasar.dev/vue-components/carousel.md): The QCarousel Vue component allows you to display a series of slides, useful for wizards or an image gallery. - [Chat Message](https://quasar.dev/vue-components/chat.md): The QChatMessage Vue component displays a chat entry containing one or more user messages. - [Checkbox](https://quasar.dev/vue-components/checkbox.md): The QCheckbox Vue component is a checkbox with features like coloring, ripple and indeterminate state. - [Chip](https://quasar.dev/vue-components/chip.md): The QChip Vue component is a simple UI block entity, representing for example more advanced underlying data, such as a contact, but in a compact way. - [Circular Progress](https://quasar.dev/vue-components/circular-progress.md): The QCircularProgress Vue component displays a colored circular loading indicator. The bar can either have a determinate progress, or an indeterminate animation. - [Color Picker](https://quasar.dev/vue-components/color-picker.md): The QColorPicker Vue component provides a way for the user to input colors. - [QDate](https://quasar.dev/vue-components/date.md): The QDate Vue component provides a method to input dates from Gregorian or Persian calendars. - [Dialog](https://quasar.dev/vue-components/dialog.md): The QDialog component provides a UI for modals with functionalities like positioning, styling, maximizing and more. - [Editor (WYSIWYG)](https://quasar.dev/vue-components/editor.md): The QEditor Vue component is a WYSIWYG editor that enables writing and pasting HTML. - [Expansion Item](https://quasar.dev/vue-components/expansion-item.md): The QExpansionItem Vue component allows visibility toggling like an accordion. - [Field](https://quasar.dev/vue-components/field.md): The QField Vue component is used to provide common functionality and aspect to form components. - [File Picker](https://quasar.dev/vue-components/file.md): The QFile Vue component is used as a file picker. - [Floating Action Button](https://quasar.dev/vue-components/floating-action-button.md): How to use the QFab component. Floating Action Buttons for your Quasar app. - [Form](https://quasar.dev/vue-components/form.md): The QForm Vue component renders a form and allows easy validation of child form components like QInput, QSelect or QField. - [Icon](https://quasar.dev/vue-components/icon.md): The QIcon Vue component allows you to insert icons within other components or any other area of your pages. - [QImg](https://quasar.dev/vue-components/img.md): The QImg Vue component makes working with responsive images easy and also adds a nice loading effect to them along with many other features like custom aspect ratio and captions. - [Infinite Scroll](https://quasar.dev/vue-components/infinite-scroll.md): The QInfiniteScroll Vue component allows you to load new content as the user scrolls the page. - [Inner Loading](https://quasar.dev/vue-components/inner-loading.md): The QInnerLoading Vue component allows you to add a loading indicator within a component in the form of a local overlay. - [Input](https://quasar.dev/vue-components/input.md): The QInput Vue component is used to capture text input from the user. - [Intersection](https://quasar.dev/vue-components/intersection.md): The QIntersection vue component, a wrapper over Quasar's Intersection directive. - [Knob](https://quasar.dev/vue-components/knob.md): The QKnob Vue component is used to take a number input through mouse or touch panning. - [Linear Progress](https://quasar.dev/vue-components/linear-progress.md): The QLinearProgress Vue component displays a colored loading bar. The bar can either have a determinate progress or an indeterminate animation. - [List and List Items](https://quasar.dev/vue-components/list-and-list-items.md): How to use the QList, QItem, QItemSection and QItemLabel Vue components. - [Markup Table](https://quasar.dev/vue-components/markup-table.md): The QMarkupTable Vue component is a helper wrapper which styles a native table. - [QMenu](https://quasar.dev/vue-components/menu.md): The QMenu Vue component is a convenient way to show menus. - [No SSR](https://quasar.dev/vue-components/no-ssr.md): The QNoSsr Vue component makes it easy to differentiate content between server-side and client-side. - [Option Group](https://quasar.dev/vue-components/option-group.md): The QOptionGroup Vue component allows you better control for grouping binary form input components like checkboxes, radios or toggles. - [Pagination](https://quasar.dev/vue-components/pagination.md): The QPagination Vue component allows you to easily display a pagination control on a page. - [Parallax](https://quasar.dev/vue-components/parallax.md): The QParallax Vue component makes it easy to embed a parallax scrolling effect into a page. - [Popup Edit](https://quasar.dev/vue-components/popup-edit.md): The QPopupEdit Vue component can be used to edit a value 'in place', like for example on a cell in QTable. - [Popup Proxy](https://quasar.dev/vue-components/popup-proxy.md): The QPopupProxy is a Vue component that should be used when you need either a QMenu or a QDialog (on smaller screens) to be displayed. - [Pull to refresh](https://quasar.dev/vue-components/pull-to-refresh.md): The QPullToRefresh Vue component allows the user to pull down in order to refresh or retrieve the newest content on a page. - [Radio](https://quasar.dev/vue-components/radio.md): The QRadio Vue component is a basic element for user input. It can be used to supply a way for the user to pick an option from multiple choices. - [Range](https://quasar.dev/vue-components/range.md): The QRange Vue component offers a way for the user to select from a sub-range of values between a maximum and maximum value, with optional steps. - [Rating](https://quasar.dev/vue-components/rating.md): The QRating Vue component allows the user to rate items. It's usually known as 'star rating'. - [Resize Observer (for Element)](https://quasar.dev/vue-components/resize-observer.md): The QResizeObserver Vue component emits a 'resize' event whenever the wrapping DOM element changes its width or height. - [Responsive](https://quasar.dev/vue-components/responsive.md): The QResponsive Vue component forces the content to maintain an aspect ratio based on its width. - [Scroll Area](https://quasar.dev/vue-components/scroll-area.md): The QScrollArea Vue component offers a way of customizing the scrollbars for all desktop browsers. - [Scroll Observer](https://quasar.dev/vue-components/scroll-observer.md): The QScrollObserver Vue component emits an event whenever the user scrolls the page or the parent scrollable container. - [Select](https://quasar.dev/vue-components/select.md): The QSelect Vue component has two types of selection - single or multiple. This component opens up a menu for the selection list and action. A filter can also be used for longer lists. - [Separator](https://quasar.dev/vue-components/separator.md): The QSeparator Vue component is used to separate sections of text or other components or elements. It creates a colored line across the width of the parent. It can be horizontal or vertical. - [Skeleton](https://quasar.dev/vue-components/skeleton.md): The QSkeleton Vue component is used to display a placeholder preview of your content before you load the actual page data. - [Slide Item](https://quasar.dev/vue-components/slide-item.md): The QSlideItem Vue component is essentially a QItem with two additional slots (left and right) which allows the user to drag it to one of the sides in order to apply a specific action. - [Slide Transition](https://quasar.dev/vue-components/slide-transition.md): The QSlideTransition Vue component slides the encapsulated element up or down, based on its visibility. Works alongside v-show and v-if. - [Slider](https://quasar.dev/vue-components/slider.md): The QSlider Vue component is a great way for the user to specify a number value between a minimum and maximum value, with optional steps between valid values. - [QSpace](https://quasar.dev/vue-components/space.md): The QSpace Vue component fills all the available space inside of a flexbox DOM element. - [Spinners](https://quasar.dev/vue-components/spinners.md): The QSpinner and its derived Vue components are used to show the user a timely process is currently taking place. It gives the user the feeling the system is continuing to work for longer term activities. - [QSplitter](https://quasar.dev/vue-components/splitter.md): The QSplitter Vue component allow containers to be split vertically and/or horizontally through a draggable separator bar. - [Stepper](https://quasar.dev/vue-components/stepper.md): The QStepper Vue component conveys progress through a sequence of numbered steps. It may also be used for navigation. It's usually useful when the user has to follow steps to complete a process, like in a wizard. - [Tab Panels](https://quasar.dev/vue-components/tab-panels.md): The QTabPanel Vue component is a way of displaying more information using less window real estate. - [Table](https://quasar.dev/vue-components/table.md): The QTable Vue component allows you to display data in a tabular manner and it's packed with a lot of related features. It's generally called a datatable. - [Tabs](https://quasar.dev/vue-components/tabs.md): The QTabs, QTab and QRouteTab Vue components are a way of helping the user navigate between pages or tab panels. - [QTime](https://quasar.dev/vue-components/time.md): The QTime component provides a method to input time. - [Timeline](https://quasar.dev/vue-components/timeline.md): The QTimeline Vue component displays a list of events in chronological order. It is typically a graphic design showing a long bar labelled with dates alongside itself and usually events. - [Toggle](https://quasar.dev/vue-components/toggle.md): The QToggle component is a basic element for user input. You can use it for turning settings, features or true/false inputs on and off. - [Toolbar](https://quasar.dev/vue-components/toolbar.md): The QToolbar and QToolbarTitle Vue components are usually part of QHeader or QFooter, but it can be used anywhere on the page. - [Tooltip](https://quasar.dev/vue-components/tooltip.md): The QTooltip Vue component is to be used when you want to offer the user more information about a certain area in your App. When hovering the mouse over the target element (or briefly touching and holding on mobile platforms), the tooltip will appear. - [Tree](https://quasar.dev/vue-components/tree.md): The QTree is a highly configurable Vue component which displays hierarchical data, such as a table of contents in a tree structure. - [Uploader](https://quasar.dev/vue-components/uploader.md): The QUploader Vue component is a way for the user to upload files to a backend server. - [Video](https://quasar.dev/vue-components/video.md): The QVideo Vue components makes embedding a video like Youtube easy. It also resizes to fit the container by default. - [Virtual Scroll](https://quasar.dev/vue-components/virtual-scroll.md): The QVirtualScroll component renders a big list of items as the user scrolls in the container, keeping DOM tree clean and eating the lowest amount of memory possible. ## Vue Directives - [Close Popup Directive](https://quasar.dev/vue-directives/close-popup.md): Helper Vue directive when working with QDialog or QMenu. - [Intersection Directive](https://quasar.dev/vue-directives/intersection.md): Vue directive that uses Intersection Observer API to call a method when user scrolls and brings a component into or out of view. - [Material Ripples](https://quasar.dev/vue-directives/material-ripples.md): Vue directive for easily adding material ripples to your components and DOM elements. - [Morph Directive](https://quasar.dev/vue-directives/morph.md): Vue directive that morphs between DOM elements or even between the two states of the same DOM element. - [Mutation Directive](https://quasar.dev/vue-directives/mutation.md): Vue directive that uses Mutation Observer API to watch for changes being made to the DOM tree. - [Scroll Fire Directive](https://quasar.dev/vue-directives/scroll-fire.md): Vue directive that triggers an event when user scrolls and brings a component into view. - [Directive v-scroll](https://quasar.dev/vue-directives/scroll.md): Vue directive which triggers an event when user scrolls. - [Touch Hold Directive](https://quasar.dev/vue-directives/touch-hold.md): Vue directive which triggers an event when the user touches and holds on a component or element for a specified amount of time. - [Touch Pan Directive](https://quasar.dev/vue-directives/touch-pan.md): Vue directive which triggers an event when the user drags the finger or mouse on a component or element. - [Touch Repeat Directive](https://quasar.dev/vue-directives/touch-repeat.md): Vue directive which triggers an event at specified intervals of time while the user touches and holds on a component or element. - [Touch Swipe Directive](https://quasar.dev/vue-directives/touch-swipe.md): Vue directive which triggers an event when the user swipes with the finger or mouse on a component or element. ## Quasar Plugins - [AddressbarColor Plugin](https://quasar.dev/quasar-plugins/addressbar-color.md): A Quasar plugin for changing the addressbar color on newer mobile browsers. - [Fullscreen Plugin](https://quasar.dev/quasar-plugins/app-fullscreen.md): A Quasar plugin to toggle the fullscreen state of your app through the Web Fullscreen API. - [App Visibility](https://quasar.dev/quasar-plugins/app-visibility.md): A Quasar plugin that wraps the Page Visibility API, letting you know when your app is visible or in focus. - [Bottom Sheet Plugin](https://quasar.dev/quasar-plugins/bottom-sheet.md): A Quasar plugin for displaying a list of user actions that slides up from the bottom edge of the app window. - [Cookies](https://quasar.dev/quasar-plugins/cookies.md): A Quasar plugin which manages browser cookies over the standardized 'document.cookie', making it easy to read and write cookies even with SSR apps. - [Dark Plugin](https://quasar.dev/quasar-plugins/dark.md): A Quasar plugin to toggle or configure the Dark Mode state of your app. - [Dialog Plugin](https://quasar.dev/quasar-plugins/dialog.md): A Quasar plugin that provides an easy way to display a prompt, choice, confirmation or alert in the form of a dialog. - [LoadingBar](https://quasar.dev/quasar-plugins/loading-bar.md): A Quasar plugin that wraps the QAjaxBar component for the easiest way of showing such a loading indicator in an app. - [Loading Plugin](https://quasar.dev/quasar-plugins/loading.md): A Quasar plugin which can display a loading state for your app through an overlay with a spinner and a message. - [Quasar Meta Plugin](https://quasar.dev/quasar-plugins/meta.md): A Quasar plugin to easily handle the meta tags of an app, helping you to add SEO. It manages meta, style and script tags, html and body attributes and page titles. - [Notify](https://quasar.dev/quasar-plugins/notify.md): A Quasar plugin to display animated messages to users like notifications, toasts and snackbars. - [Local/Session Storage Plugins](https://quasar.dev/quasar-plugins/web-storage.md): A Quasar plugin that wraps the Local/Session Storage, retrieving data with its original JS type. ## Vue Composables - [useAnimationFrame composable](https://quasar.dev/vue-composables/use-animation-frame.md): What is useAnimationFrame() composable and how you can use it - [useDialogPluginComponent composable](https://quasar.dev/vue-composables/use-dialog-plugin-component.md): What is Quasar's useDialogPluginComponent() composable and how you can use it - [useFormChild composable](https://quasar.dev/vue-composables/use-form-child.md): What is Quasar's useFormChild() composable and how you can use it - [useHydration composable](https://quasar.dev/vue-composables/use-hydration.md): What is useHydration() composable and how you can use it - [useId composable](https://quasar.dev/vue-composables/use-id.md): What is useId() composable and how you can use it - [useInterval composable](https://quasar.dev/vue-composables/use-interval.md): What is useInterval() composable and how you can use it - [useMeta composable](https://quasar.dev/vue-composables/use-meta.md): What is Quasar's useMeta() composable and how you can use it - [useQuasar composable](https://quasar.dev/vue-composables/use-quasar.md): What is useQuasar() composable and how you can use it - [useRenderCache composable](https://quasar.dev/vue-composables/use-render-cache.md): What is useRenderCache() composable and how you can use it - [useSplitAttrs composable](https://quasar.dev/vue-composables/use-split-attrs.md): What is useSplitAttrs() composable and how you can use it - [useTick composable](https://quasar.dev/vue-composables/use-tick.md): What is useTick() composable and how you can use it - [useTimeout composable](https://quasar.dev/vue-composables/use-timeout.md): What is useTimeout() composable and how you can use it ## Security - [Security DO's and DON'Ts](https://quasar.dev/security/dos-and-donts.md): The list of Quasar security recommendations. - [Report a vulnerability](https://quasar.dev/security/report-a-vulnerability.md): How to report a Quasar security threat, vulnerability or exploit. ## Quasar CLI (with Vite) - [API Proxying for Dev](https://quasar.dev/quasar-cli-vite/api-proxying.md): (@quasar/app-vite) How to use an API proxy with the Quasar dev server. - [Boot files](https://quasar.dev/quasar-cli-vite/boot-files.md): (@quasar/app-vite) Managing your startup code in a Quasar app. - [Browser compatibility](https://quasar.dev/quasar-cli-vite/browser-compatibility.md): (@quasar/app-vite) How to handle the browser support with Quasar CLI. - [Commands List](https://quasar.dev/quasar-cli-vite/commands-list.md): (@quasar/app-vite) The entire list of Quasar CLI commands. - [Convert q/app-webpack Project](https://quasar.dev/quasar-cli-vite/convert-app-webpack-to-app-vite.md): (@quasar/app-vite) How to convert a Quasar CLI with Webpack project to a Quasar CLI with Vite one. - [Creating a @quasar/app-vite Project](https://quasar.dev/quasar-cli-vite/creating-a-quasar-app-vite-project-folder.md): (@quasar/app-vite) How to create a Project folder with @quasar/app-vite. - [CSS Preprocessors](https://quasar.dev/quasar-cli-vite/css-preprocessors.md): (@quasar/app-vite) Sass/SCSS are the out of the box supported css preprocessors in Quasar - [App Icons for BEX](https://quasar.dev/quasar-cli-vite/developing-browser-extensions/app-icons-browser-extension.md): (@quasar/app-vite) How to manage the app icons for a Quasar Browser Extension (BEX). - [Background Script](https://quasar.dev/quasar-cli-vite/developing-browser-extensions/background-script.md): (@quasar/app-vite) How to communicate using your background script with other parts of your Browser Extension (BEX). - [BEX Bridge Communication](https://quasar.dev/quasar-cli-vite/developing-browser-extensions/bex-bridge.md): (@quasar/app-vite) How to communicate between different parts of your Browser Extension (BEX) in Quasar. - [BEX with TypeScript](https://quasar.dev/quasar-cli-vite/developing-browser-extensions/bex-with-typescript.md): (@quasar/app-vite) How to use TypeScript with Quasar BEX - [BEX Build Commands](https://quasar.dev/quasar-cli-vite/developing-browser-extensions/build-commands.md): (@quasar/app-vite) The Quasar CLI list of commands when developing or building a Browser Extension (BEX). - [Configuring BEX](https://quasar.dev/quasar-cli-vite/developing-browser-extensions/configuring-bex.md): (@quasar/app-vite) How to manage your Browser Extensions with Quasar CLI. - [Content Scripts](https://quasar.dev/quasar-cli-vite/developing-browser-extensions/content-scripts.md): (@quasar/app-vite) How to communicate using your content script with your Quasar App and Background Script in Quasar Browser Extension mode. - [Installing BEX-specific dependencies](https://quasar.dev/quasar-cli-vite/developing-browser-extensions/installing-bex-dependencies.md): (@quasar/app-vite) How to handle BEX-specific dependencies. - [What is a Browser Extension](https://quasar.dev/quasar-cli-vite/developing-browser-extensions/introduction.md): (@quasar/app-vite) Introduction on what a Browser Extension (BEX) is. - [Preparation for BEX](https://quasar.dev/quasar-cli-vite/developing-browser-extensions/preparation.md): (@quasar/app-vite) How to add the Browser Extension (BEX) mode into a Quasar app. - [Types of BEX](https://quasar.dev/quasar-cli-vite/developing-browser-extensions/types-of-bex.md): (@quasar/app-vite) How to configure each type of Browser Extension in Quasar. - [App Icons for Capacitor](https://quasar.dev/quasar-cli-vite/developing-capacitor-apps/app-icons-capacitor.md): (@quasar/app-vite) How to manage the app icons for a Quasar hybrid mobile app with Capacitor. - [Capacitor Build Commands](https://quasar.dev/quasar-cli-vite/developing-capacitor-apps/build-commands.md): (@quasar/app-vite) The Quasar CLI list of commands when developing or building a hybrid mobile app with Capacitor. - [Capacitor APIs](https://quasar.dev/quasar-cli-vite/developing-capacitor-apps/capacitor-api.md): (@quasar/app-vite) How to use the Capacitor plugins in a Quasar app. - [Capacitor versions](https://quasar.dev/quasar-cli-vite/developing-capacitor-apps/capacitor-version-support.md): (@quasar/app-vite) Supported Capacitor versions in Quasar. How to upgrade to a newer Capacitor version. - [Configuring Capacitor](https://quasar.dev/quasar-cli-vite/developing-capacitor-apps/configuring-capacitor.md): (@quasar/app-vite) How to manage your Capacitor apps with Quasar CLI. - [What is Capacitor](https://quasar.dev/quasar-cli-vite/developing-capacitor-apps/introduction.md): (@quasar/app-vite) Introduction on one of the technologies behind Quasar mobile apps. - [Live Updates](https://quasar.dev/quasar-cli-vite/developing-capacitor-apps/live-updates.md): (@quasar/app-vite) How to enable live updates for a Quasar hybrid mobile app with Capacitor. - [Managing Google Analytics](https://quasar.dev/quasar-cli-vite/developing-capacitor-apps/managing-google-analytics.md): (@quasar/app-vite) How to use analytics in a Quasar hybrid mobile app with Capacitor. - [Preparation for Capacitor App](https://quasar.dev/quasar-cli-vite/developing-capacitor-apps/preparation.md): (@quasar/app-vite) What you need to do before developing a Quasar hybrid mobile app with Capacitor. - [Publishing to Stores](https://quasar.dev/quasar-cli-vite/developing-capacitor-apps/publishing-to-store.md): (@quasar/app-vite) How to publish a Quasar hybrid mobile app to Google Play and the Apple App Store. - [Capacitor Troubleshooting and Tips](https://quasar.dev/quasar-cli-vite/developing-capacitor-apps/troubleshooting-and-tips.md): (@quasar/app-vite) Tips and troubleshooting for a Quasar hybrid mobile app with Capacitor. - [App Icons for Cordova](https://quasar.dev/quasar-cli-vite/developing-cordova-apps/app-icons-cordova.md): (@quasar/app-vite) How to manage the app icons for a Quasar hybrid mobile app with Cordova. - [Cordova Build Commands](https://quasar.dev/quasar-cli-vite/developing-cordova-apps/build-commands.md): (@quasar/app-vite) The Quasar CLI list of commands when developing or building a hybrid mobile app with Cordova. - [Configuring Cordova](https://quasar.dev/quasar-cli-vite/developing-cordova-apps/configuring-cordova.md): (@quasar/app-vite) How to manage your Cordova apps with Quasar CLI. - [Cordova Plugins](https://quasar.dev/quasar-cli-vite/developing-cordova-apps/cordova-plugins.md): (@quasar/app-vite) How to use the Cordova plugins in a Quasar app. - [What is Cordova](https://quasar.dev/quasar-cli-vite/developing-cordova-apps/introduction.md): (@quasar/app-vite) Introduction on one of the technologies behind Quasar hybrid mobile apps. - [Managing Google Analytics](https://quasar.dev/quasar-cli-vite/developing-cordova-apps/managing-google-analytics.md): (@quasar/app-vite) How to plan analytics integration in a Quasar Cordova app. - [Preparation for Cordova App](https://quasar.dev/quasar-cli-vite/developing-cordova-apps/preparation.md): (@quasar/app-vite) What you need before developing a Quasar hybrid mobile app with Cordova. - [Publishing to Stores](https://quasar.dev/quasar-cli-vite/developing-cordova-apps/publishing-to-store.md): (@quasar/app-vite) How to publish a Quasar Cordova app to Google Play and the Apple App Store. - [Cordova Troubleshooting and Tips](https://quasar.dev/quasar-cli-vite/developing-cordova-apps/troubleshooting-and-tips.md): (@quasar/app-vite) Tips and troubleshooting for a Quasar hybrid mobile app with Cordova. - [App Icons for Electron](https://quasar.dev/quasar-cli-vite/developing-electron-apps/app-icons-electron.md): (@quasar/app-vite) How to manage the app icons for a Desktop Quasar app. - [Electron Build Commands](https://quasar.dev/quasar-cli-vite/developing-electron-apps/build-commands.md): (@quasar/app-vite) The Quasar CLI list of commands when developing or building a desktop app. - [Configuring Electron](https://quasar.dev/quasar-cli-vite/developing-electron-apps/configuring-electron.md): (@quasar/app-vite) How to manage your Electron apps with Quasar CLI. - [Electron Accessing Files](https://quasar.dev/quasar-cli-vite/developing-electron-apps/electron-accessing-files.md): (@quasar/app-vite) How to access files in a Quasar desktop app. - [Electron Live Updates](https://quasar.dev/quasar-cli-vite/developing-electron-apps/electron-live-updates.md): (@quasar/app-vite) How to update Quasar Electron renderer files without shipping a full desktop binary. - [Electron Preload Script](https://quasar.dev/quasar-cli-vite/developing-electron-apps/electron-preload-script.md): (@quasar/app-vite) How to expose a controlled Electron API to a Quasar renderer. - [Electron Security Concerns](https://quasar.dev/quasar-cli-vite/developing-electron-apps/electron-security-concerns.md): (@quasar/app-vite) Security practices for a Quasar desktop app with Electron. - [Upgrade guide on Electron](https://quasar.dev/quasar-cli-vite/developing-electron-apps/electron-upgrade-guide.md): (@quasar/app-vite) Upgrading instructions when dealing with Electron in Quasar. - [Electron with TypeScript](https://quasar.dev/quasar-cli-vite/developing-electron-apps/electron-with-typescript.md): (@quasar/app-vite) How to use TypeScript with Electron in Quasar - [Frameless Electron Window](https://quasar.dev/quasar-cli-vite/developing-electron-apps/frameless-electron-window.md): (@quasar/app-vite) How to hide the window frame in a Quasar desktop app. - [Installing Electron-specific dependencies](https://quasar.dev/quasar-cli-vite/developing-electron-apps/installing-electron-dependencies.md): (@quasar/app-vite) How to handle Electron-specific dependencies. - [What is Electron](https://quasar.dev/quasar-cli-vite/developing-electron-apps/introduction.md): (@quasar/app-vite) Introduction about the technology behind Quasar desktop apps. - [Preparation for Electron](https://quasar.dev/quasar-cli-vite/developing-electron-apps/preparation.md): (@quasar/app-vite) How to add Electron mode into a Quasar app. - [Troubleshooting and Tips](https://quasar.dev/quasar-cli-vite/developing-electron-apps/troubleshooting-and-tips.md): (@quasar/app-vite) Troubleshooting a Quasar desktop app with Electron. - [Developing Mobile Apps](https://quasar.dev/quasar-cli-vite/developing-mobile-apps.md): (@quasar/app-vite) Developing hybrid mobile apps with Quasar CLI. - [App Icons for PWA](https://quasar.dev/quasar-cli-vite/developing-pwa/app-icons-pwa.md): (@quasar/app-vite) How to manage the app icons for a Quasar Progressive Web App. - [PWA Build Commands](https://quasar.dev/quasar-cli-vite/developing-pwa/build-commands.md): (@quasar/app-vite) The Quasar CLI list of commands when developing or building a Progressive Web App. - [Configuring PWA](https://quasar.dev/quasar-cli-vite/developing-pwa/configuring-pwa.md): (@quasar/app-vite) How to manage your Progressive Web Apps with Quasar CLI. - [Handling Service Worker](https://quasar.dev/quasar-cli-vite/developing-pwa/handling-service-worker.md): (@quasar/app-vite) How to configure the service worker in a Quasar Progressive Web App. - [Hot Module Reload for PWA](https://quasar.dev/quasar-cli-vite/developing-pwa/hmr-for-dev.md): (@quasar/app-vite) How to manage HMR (Hot Module Reload) with Quasar PWA. - [Installing PWA-specific dependencies](https://quasar.dev/quasar-cli-vite/developing-pwa/installing-pwa-dependencies.md): (@quasar/app-vite) How to handle PWA-specific dependencies. - [What is a PWA](https://quasar.dev/quasar-cli-vite/developing-pwa/introduction.md): (@quasar/app-vite) Introduction on what a Progressive Web App is and how it can be configured in a Quasar app. - [Preparation for PWA](https://quasar.dev/quasar-cli-vite/developing-pwa/preparation.md): (@quasar/app-vite) How to add PWA mode with Quasar CLI. - [PWA with TypeScript](https://quasar.dev/quasar-cli-vite/developing-pwa/pwa-with-typescript.md): (@quasar/app-vite) How to use TypeScript with Quasar PWA - [App Icons for SPA](https://quasar.dev/quasar-cli-vite/developing-spa/app-icons-spa.md): (@quasar/app-vite) How to manage the app icons for a Quasar Single Page Application. - [SPA Build Commands](https://quasar.dev/quasar-cli-vite/developing-spa/build-commands.md): (@quasar/app-vite) The Quasar CLI list of commands when developing or building a single page application. - [Deploying a SPA](https://quasar.dev/quasar-cli-vite/developing-spa/deploying.md): (@quasar/app-vite) How to publish a Single Page App built by Quasar CLI. - [What is SPA](https://quasar.dev/quasar-cli-vite/developing-spa/introduction.md): (@quasar/app-vite) Introduction on what a Single Page App is. - [App Icons for SSG](https://quasar.dev/quasar-cli-vite/developing-ssg/app-icons-ssg.md): (@quasar/app-vite) How to manage the app icons for a Quasar SSG app. - [SSG Build Commands](https://quasar.dev/quasar-cli-vite/developing-ssg/build-commands.md): (@quasar/app-vite) The Quasar CLI list of commands when developing or building a SSG app. - [Configuring SSG](https://quasar.dev/quasar-cli-vite/developing-ssg/configuring-ssg.md): (@quasar/app-vite) How to manage your SSG apps with Quasar CLI. - [Deploying SSG](https://quasar.dev/quasar-cli-vite/developing-ssg/deploying.md): (@quasar/app-vite) How to publish a Quasar SSG app. - [Hybrid SSG with partial CSR](https://quasar.dev/quasar-cli-vite/developing-ssg/hybrid-ssg-with-partial-csr.md): (@quasar/app-vite) How to handle a hybrid SSG with partial CSR with Quasar CLI. - [Installing SSG-specific dependencies](https://quasar.dev/quasar-cli-vite/developing-ssg/installing-ssg-dependencies.md): (@quasar/app-vite) How to handle SSG-specific dependencies. - [What is SSG](https://quasar.dev/quasar-cli-vite/developing-ssg/introduction.md): (@quasar/app-vite) Introduction on Static Site Generator (SSG) apps with Quasar CLI. - [Preparation for SSG](https://quasar.dev/quasar-cli-vite/developing-ssg/preparation.md): (@quasar/app-vite) How to add SSG mode with Quasar CLI. - [SEO for SSG](https://quasar.dev/quasar-cli-vite/developing-ssg/seo-for-ssg.md): (@quasar/app-vite) Managing the search engine optimizations in a Quasar SSG app. - [SSG 404 Error Page](https://quasar.dev/quasar-cli-vite/developing-ssg/ssg-404-error-page.md): (@quasar/app-vite) How to render a 404 error page for SSG mode with Quasar CLI. - [SSG Code Caveats](https://quasar.dev/quasar-cli-vite/developing-ssg/ssg-code-caveats.md): (@quasar/app-vite) SSG code caveats with Quasar CLI. - [SSG Renderer](https://quasar.dev/quasar-cli-vite/developing-ssg/ssg-renderer.md): (@quasar/app-vite) Configuring the Quasar SSG Renderer. - [SSG with PWA Client Takeover](https://quasar.dev/quasar-cli-vite/developing-ssg/ssg-with-pwa.md): (@quasar/app-vite) How to configure your Quasar SSG app to become a Progressive Web App on the client side. - [SSG with TypeScript](https://quasar.dev/quasar-cli-vite/developing-ssg/ssg-with-typescript.md): (@quasar/app-vite) How to use TypeScript with SSG in Quasar. - [App Icons for SSR](https://quasar.dev/quasar-cli-vite/developing-ssr/app-icons-ssr.md): (@quasar/app-vite) How to manage the app icons for a Quasar server-side rendered app. - [SSR Build Commands](https://quasar.dev/quasar-cli-vite/developing-ssr/build-commands.md): (@quasar/app-vite) The Quasar CLI list of commands when developing or building a server-side rendered app. - [Client Side Hydration](https://quasar.dev/quasar-cli-vite/developing-ssr/client-side-hydration.md): (@quasar/app-vite) What hydration is and its caveats in a Quasar server-side rendered app. - [Configuring SSR](https://quasar.dev/quasar-cli-vite/developing-ssr/configuring-ssr.md): (@quasar/app-vite) How to manage your server-side rendered apps with Quasar CLI. - [Deploying SSR](https://quasar.dev/quasar-cli-vite/developing-ssr/deploying.md): (@quasar/app-vite) How to publish a Quasar server-side rendered app. - [SSR Handling of 404 and 500 Errors](https://quasar.dev/quasar-cli-vite/developing-ssr/handling-404-and-500-errors.md): (@quasar/app-vite) Managing the common 404 and 500 HTTP errors in a Quasar server-side rendered app. - [Hybrid SSR with partial CSR](https://quasar.dev/quasar-cli-vite/developing-ssr/hybrid-ssr-with-partial-csr.md): (@quasar/app-vite) How to handle a hybrid SSR with partial CSR with Quasar CLI. - [Installing SSR-specific dependencies](https://quasar.dev/quasar-cli-vite/developing-ssr/installing-ssr-dependencies.md): (@quasar/app-vite) How to handle SSR-specific dependencies. - [What is SSR](https://quasar.dev/quasar-cli-vite/developing-ssr/introduction.md): (@quasar/app-vite) Introduction on server-side rendered apps with Quasar CLI. - [Preparation for SSR](https://quasar.dev/quasar-cli-vite/developing-ssr/preparation.md): (@quasar/app-vite) How to add SSR mode with Quasar CLI. - [SEO for SSR](https://quasar.dev/quasar-cli-vite/developing-ssr/seo-for-ssr.md): (@quasar/app-vite) Managing the search engine optimizations in a Quasar server-side rendered app. - [The ssrContext Object](https://quasar.dev/quasar-cli-vite/developing-ssr/ssr-context.md): (@quasar/app-vite) The ssrContext Object in Quasar SSR - [SSR FAQ](https://quasar.dev/quasar-cli-vite/developing-ssr/ssr-frequently-asked-questions.md): (@quasar/app-vite) Tips and tricks for a Quasar server-side rendered app. - [SSR Middleware](https://quasar.dev/quasar-cli-vite/developing-ssr/ssr-middleware.md): (@quasar/app-vite) Managing the SSR middleware in a Quasar app. - [SSR Webserver](https://quasar.dev/quasar-cli-vite/developing-ssr/ssr-webserver.md): (@quasar/app-vite) Configuring the Quasar SSR webserver for different platforms, including a serverless architecture. - [SSR with PWA Client Takeover](https://quasar.dev/quasar-cli-vite/developing-ssr/ssr-with-pwa.md): (@quasar/app-vite) How to configure your Quasar server-side rendered app to become a Progressive Web App on the client side. - [SSR with TypeScript](https://quasar.dev/quasar-cli-vite/developing-ssr/ssr-with-typescript.md): (@quasar/app-vite) How to use TypeScript with SSR in Quasar - [Vue SSR/SSG Directives](https://quasar.dev/quasar-cli-vite/developing-ssr/vue-ssr-directives.md): (@quasar/app-vite) Managing the Vue directives for SSR/SSG in a Quasar app. - [Writing Universal Code](https://quasar.dev/quasar-cli-vite/developing-ssr/writing-universal-code.md): (@quasar/app-vite) Guide on how to write code for a Quasar server-side rendered app. - [Directory Structure](https://quasar.dev/quasar-cli-vite/directory-structure.md): (@quasar/app-vite) The structure of a Quasar app with explanations for each folder and file. - [Fetching Data](https://quasar.dev/quasar-cli-vite/fetching-data.md): (@quasar/app-vite) Fetching data in a Quasar app with the Fetch API, ofetch, axios or any other HTTP client. - [App Handling Assets](https://quasar.dev/quasar-cli-vite/handling-assets.md): (@quasar/app-vite) How to use regular app assets and static assets in a Quasar app. - [The import.meta.env and dotenv files support](https://quasar.dev/quasar-cli-vite/handling-import-meta-env.md): (@quasar/app-vite) How to use import.meta.env in a Quasar app. - [Handling Vite](https://quasar.dev/quasar-cli-vite/handling-vite.md): (@quasar/app-vite) How to manage Vite in a Quasar app. - [Lazy Loading / Code Splitting](https://quasar.dev/quasar-cli-vite/lazy-loading.md): (@quasar/app-vite) How to create async chunks in a Quasar CLI with Vite app. - [Lint and Format Code](https://quasar.dev/quasar-cli-vite/lint-and-format-code.md): (@quasar/app-vite) How to configure a code linter and a formatter in a Quasar app. - [Opening Your Dev Server to the Public](https://quasar.dev/quasar-cli-vite/opening-dev-server-to-public.md): (@quasar/app-vite) How to offer temporary access to your development server to anyone on the Internet. - [Page Routing with Vue Router](https://quasar.dev/quasar-cli-vite/page-routing-with-vue-router.md): (@quasar/app-vite) How to use the Vue Router in a Quasar app. - [PreFetch Feature](https://quasar.dev/quasar-cli-vite/prefetch-feature.md): (@quasar/app-vite) How to prefetch data and initialize Pinia, validate the route and redirect to another page in a Quasar app. - [Configuring quasar.config file](https://quasar.dev/quasar-cli-vite/quasar-config-file.md): (@quasar/app-vite) Where, how and what you can configure in a Quasar CLI with Vite app. - [State management with Pinia](https://quasar.dev/quasar-cli-vite/state-management-with-pinia.md): (@quasar/app-vite) How to manage Pinia in a Quasar App. - [Testing & Auditing](https://quasar.dev/quasar-cli-vite/testing-and-auditing.md): (@quasar/app-vite) How to unit and end to end test a Quasar app. - [TypeScript Support](https://quasar.dev/quasar-cli-vite/typescript-support.md): (@quasar/app-vite) How to enable support for TypeScript in a Quasar app. - [Upgrade Guide for Quasar CLI with Vite](https://quasar.dev/quasar-cli-vite/upgrade-guide.md): (@quasar/app-vite) How to upgrade Quasar CLI with Vite from older versions to the latest one. ## Quasar CLI (with Webpack) - [Quasar CLI (with Webpack)](https://quasar.dev/quasar-cli-webpack/about.md): (@quasar/app-webpack) About Quasar CLI with Webpack. ## Icon Genie CLI - [App Icons List](https://quasar.dev/icongenie/app-icons-list.md): List of the app icons and splash screens that are generated by the Icon Genie CLI based on the Quasar mode. - [Icon Genie CLI Command List](https://quasar.dev/icongenie/command-list.md): Command list for Icon Genie CLI. - [Icon Genie CLI Installation](https://quasar.dev/icongenie/installation.md): How to install the Icon Genie CLI on your development machine. - [Icon Genie CLI](https://quasar.dev/icongenie/introduction.md): A Quasar tool for generating all your app's icons and splash screens in 100+ formats. - [Icon Genie Profile Files](https://quasar.dev/icongenie/profile-files.md): How to use profile files with the Icon Genie CLI. ## Quasar Utils - [Color Utils](https://quasar.dev/quasar-utils/color-utils.md): A set of Quasar methods for changing app brand colors and manipulating color strings. - [Date Utils](https://quasar.dev/quasar-utils/date-utils.md): A set of Quasar methods for manipulating JS Date objects without the high additional cost of dedicated libraries. - [DOM Utils](https://quasar.dev/quasar-utils/dom-utils.md): A set of Quasar methods for DOM elements which helps you in retrieving the offset on screen viewport, getting and setting styles, waiting for the DOM to be ready and morphing DOM elements. - [EventBus Util](https://quasar.dev/quasar-utils/event-bus-util.md): An event emitter util. - [Formatter Utils](https://quasar.dev/quasar-utils/formatter-utils.md): A set of Quasar methods for formatting values. Capitalizing, padding, normalizing and more. - [Morph Utils](https://quasar.dev/quasar-utils/morph-utils.md): Morph one DOM element into another (with animation) or between two states of the same element using Quasar's morph util. - [Other Utils](https://quasar.dev/quasar-utils/other-utils.md): A set of miscellaneous Quasar methods for debouncing or throttling functions, deep copying objects, cross-platform URL opening or handling DOM events. - [Scrolling Utils](https://quasar.dev/quasar-utils/scrolling-utils.md): A set of Quasar methods related to scrolling, like getting scroll target or changing the scroll position of a page. - [Type Checking Utils ()](https://quasar.dev/quasar-utils/type-checking-utils.md): A set of Quasar methods for type checking. ## App Extensions - [Injecting Quasar Plugin](https://quasar.dev/app-extensions/common-formulas-and-patterns/inject-quasar-plugin.md): Tips and tricks on how to use a Quasar App Extension to configure the host app to use a Quasar Plugin. - [Quasar JSON API Schema](https://quasar.dev/app-extensions/common-formulas-and-patterns/json-api.md): The JSON API used to describe Component App Extensions. - [Providing CLI Command(s)](https://quasar.dev/app-extensions/common-formulas-and-patterns/provide-cli-commands.md): Tips and tricks on how to use a Quasar App Extension to provide runnable CLI commands - [Provide UI elements](https://quasar.dev/app-extensions/common-formulas-and-patterns/provide-ui-elements.md): Tips and tricks on how to provide UI elements to the host app of a Quasar App Extension. - [Starter kit equivalent](https://quasar.dev/app-extensions/common-formulas-and-patterns/starter-kit-equivalent.md): Tips and tricks on how to use a Quasar App Extension to create the equivalent of a starter kit. - [App Extension Index API](https://quasar.dev/app-extensions/development-guide/index-api.md): The API for the index script of a Quasar App Extension. Provides access to Quasar context, registers new CLI commands, extends Vite config and more. - [App Extension Install API](https://quasar.dev/app-extensions/development-guide/install-api.md): The API for the install script of a Quasar App Extension. Initializes the app space by rendering or changing files and more. - [App Extension Development](https://quasar.dev/app-extensions/development-guide/introduction.md): How to setup your machine for a Quasar App Extension development and getting started quickly. - [App Extension Prompts API](https://quasar.dev/app-extensions/development-guide/prompts-api.md): Syntax of the questions that the user is going to be asked in order to configure the Quasar App Extension. - [App Extension Uninstall API](https://quasar.dev/app-extensions/development-guide/uninstall-api.md): The API for the uninstall script of a Quasar App Extension. - [Discover App Extensions](https://quasar.dev/app-extensions/discover.md): Look up official and community Quasar App Extensions. - [App Extensions](https://quasar.dev/app-extensions/introduction.md): What Quasar App Extensions are and how they can help both you and the community. ## Components - [Quasar Components](https://quasar.dev/components.md): The list of most important Quasar components, directives, plugins and utils ## Team - [Meet the Team](https://quasar.dev/meet-the-team.md): The list of people behind Quasar Framework. ## Why Quasar? - [Why Quasar?](https://quasar.dev/introduction-to-quasar.md): What Quasar is and how it can considerably reduce your development time and costs. ## Start - [How To Use Vue](https://quasar.dev/start/how-to-use-vue.md): Quick tutorial about Vue principles and how to use it with Quasar. - [Pick a Quasar Flavour](https://quasar.dev/start/pick-quasar-flavour.md): Get started with Quasar by picking one of its flavours: Quasar CLI (with Vite), Quasar Vite Plugin or UMD - [Quasar Playground](https://quasar.dev/start/playground.md): Play with Quasar on a jsFiddle, Codepen or Codesandbox templates. - [Quasar CLI](https://quasar.dev/start/quasar-cli.md): How to use the Quasar CLI, the premium developer experience for free. - [Quick Start](https://quasar.dev/start/quick-start.md): Get up and developing a Quasar app in less than 3 minutes. - [Release Notes](https://quasar.dev/start/release-notes.md): The changelog for Quasar core packages. - [Quasar UMD - CDN install](https://quasar.dev/start/umd.md): How to use the Unified Module Definition form of Quasar. - [Vite plugin for Quasar](https://quasar.dev/start/vite-plugin.md): How to embed Quasar into a Vite app. - [Configure VS Code](https://quasar.dev/start/vs-code-configuration.md): How to configure VS Code for best usage with Quasar.