# Table of Contents

- [Documentation | Quasar Framework](#documentation-quasar-framework)

---

# Documentation | Quasar Framework

[_assignment\_late_\
\
Why donate](/why-donate)
[_travel\_explore_\
\
API Explorer](/api-explorer)

_code_

How to contribute

[Contribution Guide](/how-to-contribute/contribution-guide)
[Running Projects](/how-to-contribute/running-projects)
[Start a New Project](/how-to-contribute/new-project)
[Project Maintainer Role](/how-to-contribute/project-maintainer)
[Commit Conventions](/how-to-contribute/commit-conventions)

_tune_

Options & Helpers

[The $q object](/options/the-q-object)
[App Icons](/options/app-icons)
[SEO](/options/seo)
[Quasar Language Packs](/options/quasar-language-packs)
[App Internationalization](/options/app-internationalization)
[RTL Support](/options/rtl-support)
[Installing Icon Libraries](/options/installing-icon-libraries)
[Quasar Icon Sets](/options/quasar-icon-sets)
[Platform Detection](/options/platform-detection)
[Screen Plugin](/options/screen-plugin)
[Animations](/options/animations)
[Transitions](/options/transitions)

_style_

Style & Identity

[Typography](/style/typography)
[Color Palette](/style/color-palette)
[Theme Builder](/style/theme-builder)
[Dark Mode](/style/dark-mode)
[Spacing](/style/spacing)
[Shadows](/style/shadows)
[Breakpoints](/style/breakpoints)
[Body classes](/style/body-classes)
[Visibility](/style/visibility)
[Positioning](/style/positioning)
[Sass/SCSS Variables](/style/sass-scss-variables)
[Other Helper Classes](/style/other-helper-classes)

_view\_quilt_

Layout and Grid

Flex Grid

[Introduction to Flexbox](/layout/grid/introduction-to-flexbox)
[Grid Row](/layout/grid/row)
[Grid Column](/layout/grid/column)
[Grid Gutter](/layout/grid/gutter)
[Flexbox patterns](/layout/grid/flexbox-patterns)
[Flex Playground](/layout/grid/flex-playground)

[Layout](/layout/layout)
[Routing with Layouts and Pages](/layout/routing-with-layouts-and-pages)
[Layout Header and Footer](/layout/header-and-footer)
[Layout Drawer](/layout/drawer)
[Layout Page](/layout/page)
[Layout Builder](/layout-builder)
[Layout Gallery](/layout/gallery)
[Page Sticky](/layout/page-sticky)
[Page Scroller](/layout/page-scroller)

_widgets_

Vue Components

[Ajax Bar](/vue-components/ajax-bar)
[Avatar](/vue-components/avatar)
[Badge](/vue-components/badge)
[Banner](/vue-components/banner)
[Bar](/vue-components/bar)
[Breadcrumbs](/vue-components/breadcrumbs)

Buttons

[Button](/vue-components/button)
[Button Group](/vue-components/button-group)
[Button Dropdown](/vue-components/button-dropdown)

[Card](/vue-components/card)
[Carousel](/vue-components/carousel)
[Chat Message](/vue-components/chat)
[Chip](/vue-components/chip)
[Circular Progress](/vue-components/circular-progress)
[Color Picker](/vue-components/color-picker)
[Dialog](/vue-components/dialog)
[Editor - WYSIWYG](/vue-components/editor)
[Expansion Item](/vue-components/expansion-item)
[Floating Action Button](/vue-components/floating-action-button)

Form Components

[Input Textfield](/vue-components/input)
[Select](/vue-components/select)
[File picker](/vue-components/file)
[Form](/vue-components/form)
[Field (wrapper)](/vue-components/field)
[Radio](/vue-components/radio)
[Checkbox](/vue-components/checkbox)
[Toggle](/vue-components/toggle)
[Button Toggle](/vue-components/button-toggle)
[Option Group](/vue-components/option-group)
[Slider](/vue-components/slider)
[Range](/vue-components/range)
[Time Picker](/vue-components/time)
[Date Picker](/vue-components/date)

[Icon](/vue-components/icon)
[Img](/vue-components/img)
[Infinite Scroll](/vue-components/infinite-scroll)
[Inner Loading](/vue-components/inner-loading)
[Intersection](/vue-components/intersection)
[Knob](/vue-components/knob)
[Linear Progress](/vue-components/linear-progress)
[List & List Items](/vue-components/list-and-list-items)
[Markup Table](/vue-components/markup-table)
[Menu](/vue-components/menu)
[No SSR](/vue-components/no-ssr)

Observers

[Resize Observer (for Element)](/vue-components/resize-observer)
[Scroll Observer](/vue-components/scroll-observer)

[Pagination](/vue-components/pagination)
[Parallax](/vue-components/parallax)
[Popup Edit](/vue-components/popup-edit)
[Popup Proxy](/vue-components/popup-proxy)
[Pull to refresh](/vue-components/pull-to-refresh)
[Rating](/vue-components/rating)
[Responsive](/vue-components/responsive)
[Scroll Area](/vue-components/scroll-area)
[Separator](/vue-components/separator)
[Skeleton](/vue-components/skeleton)
[Slide Item](/vue-components/slide-item)
[Slide Transition](/vue-components/slide-transition)
[Space](/vue-components/space)
[Spinners](/vue-components/spinners)
[Splitter](/vue-components/splitter)
[Stepper](/vue-components/stepper)
[Table](/vue-components/table)
[Tabs](/vue-components/tabs)
[Tab Panels](/vue-components/tab-panels)
[Timeline](/vue-components/timeline)
[Toolbar](/vue-components/toolbar)
[Tooltip](/vue-components/tooltip)
[Tree](/vue-components/tree)
[Uploader](/vue-components/uploader)
[Video](/vue-components/video)
[Virtual Scroll](/vue-components/virtual-scroll)

_swap\_calls_

Vue Directives

[Close Popup](/vue-directives/close-popup)
[Intersection](/vue-directives/intersection)
[Material Ripples](/vue-directives/material-ripples)
[Mutation](/vue-directives/mutation)
[Morph](/vue-directives/morph)
[Scroll](/vue-directives/scroll)
[Scroll Fire](/vue-directives/scroll-fire)
[Touch Hold](/vue-directives/touch-hold)
[Touch Pan](/vue-directives/touch-pan)
[Touch Repeat](/vue-directives/touch-repeat)
[Touch Swipe](/vue-directives/touch-swipe)

_extension_

Quasar Plugins

[Addressbar Color](/quasar-plugins/addressbar-color)
[App Fullscreen](/quasar-plugins/app-fullscreen)
[App Visibility](/quasar-plugins/app-visibility)
[Bottom Sheet](/quasar-plugins/bottom-sheet)
[Cookies](/quasar-plugins/cookies)
[Dark](/quasar-plugins/dark)
[Dialog](/quasar-plugins/dialog)
[Loading](/quasar-plugins/loading)
[Loading Bar](/quasar-plugins/loading-bar)
[Local/Session Storage](/quasar-plugins/web-storage)
[Meta](/quasar-plugins/meta)
[Notify](/quasar-plugins/notify)

_developer\_mode_

Vue Composables

[useQuasar](/vue-composables/use-quasar)
[useDialogPluginComponent](/vue-composables/use-dialog-plugin-component)
[useFormChild](/vue-composables/use-form-child)
[useMeta](/vue-composables/use-meta)
[useHydration\
\
new](/vue-composables/use-hydration)
[useId\
\
new](/vue-composables/use-id)
[useInterval\
\
new](/vue-composables/use-interval)
[useRenderCache\
\
new](/vue-composables/use-render-cache)
[useTick\
\
new](/vue-composables/use-tick)
[useTimeout\
\
new](/vue-composables/use-timeout)
[useSplitAttrs\
\
new](/vue-composables/use-split-attrs)

_security_

Security

[DO's and DON'Ts](/security/dos-and-donts)
[Report a vulnerability](/security/report-a-vulnerability)

_build_

Quasar CLI (with Vite)

[Upgrade guide\
\
NEW!](/quasar-cli-vite/upgrade-guide)
[The quasar.config file](/quasar-cli-vite/quasar-config-file)
[Convert project to CLI with Vite](/quasar-cli-vite/convert-to-quasar-cli-with-vite)
[Browser Compatibility](/quasar-cli-vite/browser-compatibility)
[Supporting TypeScript](/quasar-cli-vite/supporting-ts)
[Directory Structure](/quasar-cli-vite/directory-structure)
[Commands List](/quasar-cli-vite/commands-list)
[CSS Preprocessors](/quasar-cli-vite/css-preprocessors)
[Routing](/quasar-cli-vite/routing)
[Lazy Loading - Code Splitting](/quasar-cli-vite/lazy-loading)
[Handling Assets](/quasar-cli-vite/handling-assets)
[Boot Files](/quasar-cli-vite/boot-files)
[Prefetch Feature](/quasar-cli-vite/prefetch-feature)
[API Proxying](/quasar-cli-vite/api-proxying)
[Handling Vite](/quasar-cli-vite/handling-vite)
[Handling process.env](/quasar-cli-vite/handling-process-env)
[State Management with Pinia](/quasar-cli-vite/state-management-with-pinia)
[Linter](/quasar-cli-vite/linter)
[Testing & Auditing](/quasar-cli-vite/testing-and-auditing)

SPA mode

[Introduction](/quasar-cli-vite/developing-spa/introduction)
[App Icons for SPA](/quasar-cli-vite/developing-spa/app-icons-spa)
[Build Commands](/quasar-cli-vite/developing-spa/build-commands)
[Deploying](/quasar-cli-vite/developing-spa/deploying)

SSR mode

[Introduction](/quasar-cli-vite/developing-ssr/introduction)
[Writing Universal Code](/quasar-cli-vite/developing-ssr/writing-universal-code)
[Preparation](/quasar-cli-vite/developing-ssr/preparation)
[Configuring SSR](/quasar-cli-vite/developing-ssr/configuring-ssr)
[ssrContext](/quasar-cli-vite/developing-ssr/ssr-context)
[SSR Middleware](/quasar-cli-vite/developing-ssr/ssr-middleware)
[SSR Webserver](/quasar-cli-vite/developing-ssr/ssr-webserver)
[Vue SSR Directives](/quasar-cli-vite/developing-ssr/vue-ssr-directives)
[App Icons for SSR](/quasar-cli-vite/developing-ssr/app-icons-ssr)
[SEO for SSR](/quasar-cli-vite/developing-ssr/seo-for-ssr)
[Client Side Hydration](/quasar-cli-vite/developing-ssr/client-side-hydration)
[Handling 404 and 500 Errors](/quasar-cli-vite/developing-ssr/handling-404-and-500-errors)
[SSR with PWA](/quasar-cli-vite/developing-ssr/ssr-with-pwa)
[SSR FAQ](/quasar-cli-vite/developing-ssr/ssr-frequently-asked-questions)
[Build Commands](/quasar-cli-vite/developing-ssr/build-commands)
[SSR with Typescript](/quasar-cli-vite/developing-ssr/ssr-with-typescript)
[Deploying](/quasar-cli-vite/developing-ssr/deploying)

PWA mode

[Introduction](/quasar-cli-vite/developing-pwa/introduction)
[Preparation](/quasar-cli-vite/developing-pwa/preparation)
[Build Commands](/quasar-cli-vite/developing-pwa/build-commands)
[Configuring PWA](/quasar-cli-vite/developing-pwa/configuring-pwa)
[HMR for PWA](/quasar-cli-vite/developing-pwa/hmr-for-dev)
[App Icons for PWA](/quasar-cli-vite/developing-pwa/app-icons-pwa)
[Handling Service Worker](/quasar-cli-vite/developing-pwa/handling-service-worker)
[PWA with Typescript](/quasar-cli-vite/developing-pwa/pwa-with-typescript)

[Developing Mobile Apps](/quasar-cli-vite/developing-mobile-apps)

Capacitor mode

[Introduction](/quasar-cli-vite/developing-capacitor-apps/introduction)
[Preparation](/quasar-cli-vite/developing-capacitor-apps/preparation)
[Capacitor versions](/quasar-cli-vite/developing-capacitor-apps/capacitor-version-support)
[Configuring Capacitor](/quasar-cli-vite/developing-capacitor-apps/configuring-capacitor)
[App Icons for Capacitor](/quasar-cli-vite/developing-capacitor-apps/app-icons-capacitor)
[Capacitor API](/quasar-cli-vite/developing-capacitor-apps/capacitor-api)
[Build Commands](/quasar-cli-vite/developing-capacitor-apps/build-commands)
[Troubleshooting and Tips](/quasar-cli-vite/developing-capacitor-apps/troubleshooting-and-tips)
[Managing Google Analytics](/quasar-cli-vite/developing-capacitor-apps/managing-google-analytics)
[Publishing to Store](/quasar-cli-vite/developing-capacitor-apps/publishing-to-store)

Cordova mode

[Introduction](/quasar-cli-vite/developing-cordova-apps/introduction)
[Preparation](/quasar-cli-vite/developing-cordova-apps/preparation)
[Configuring Cordova](/quasar-cli-vite/developing-cordova-apps/configuring-cordova)
[App Icons for Cordova](/quasar-cli-vite/developing-cordova-apps/app-icons-cordova)
[Cordova Plugins](/quasar-cli-vite/developing-cordova-apps/cordova-plugins)
[Build Commands](/quasar-cli-vite/developing-cordova-apps/build-commands)
[Troubleshooting and Tips](/quasar-cli-vite/developing-cordova-apps/troubleshooting-and-tips)
[Managing Google Analytics](/quasar-cli-vite/developing-cordova-apps/managing-google-analytics)
[Publishing to Store](/quasar-cli-vite/developing-cordova-apps/publishing-to-store)

Electron mode

[Introduction](/quasar-cli-vite/developing-electron-apps/introduction)
[Upgrade guide](/quasar-cli-vite/developing-electron-apps/electron-upgrade-guide)
[Preparation](/quasar-cli-vite/developing-electron-apps/preparation)
[Configuring Electron](/quasar-cli-vite/developing-electron-apps/configuring-electron)
[App Icons for Electron](/quasar-cli-vite/developing-electron-apps/app-icons-electron)
[Build Commands](/quasar-cli-vite/developing-electron-apps/build-commands)
[Preload Script](/quasar-cli-vite/developing-electron-apps/electron-preload-script)
[Electron Packages](/quasar-cli-vite/developing-electron-apps/electron-packages)
[Accessing files](/quasar-cli-vite/developing-electron-apps/electron-accessing-files)
[Frameless Electron Window](/quasar-cli-vite/developing-electron-apps/frameless-electron-window)
[Electron with Typescript](/quasar-cli-vite/developing-electron-apps/electron-with-typescript)
[Electron Security Concerns](/quasar-cli-vite/developing-electron-apps/electron-security-concerns)
[Troubleshooting and Tips](/quasar-cli-vite/developing-electron-apps/troubleshooting-and-tips)

Browser Extensions mode

[Introduction](/quasar-cli-vite/developing-browser-extensions/introduction)
[Preparation](/quasar-cli-vite/developing-browser-extensions/preparation)
[Configuring BEX](/quasar-cli-vite/developing-browser-extensions/configuring-bex)
[App Icons for BEX](/quasar-cli-vite/developing-browser-extensions/app-icons-browser-extension)
[Build Commands](/quasar-cli-vite/developing-browser-extensions/build-commands)
[Types of BEX](/quasar-cli-vite/developing-browser-extensions/types-of-bex)
[BEX Bridge Communication](/quasar-cli-vite/developing-browser-extensions/bex-bridge)
[Background Script](/quasar-cli-vite/developing-browser-extensions/background-script)
[Content Scripts](/quasar-cli-vite/developing-browser-extensions/content-scripts)

[Ajax Requests](/quasar-cli-vite/ajax-requests)
[Opening Dev Server To Public](/quasar-cli-vite/opening-dev-server-to-public)

_build_

Quasar CLI (with Webpack)

[Upgrade guide\
\
NEW!](/quasar-cli-webpack/upgrade-guide)
[The quasar.config file](/quasar-cli-webpack/quasar-config-file)
[Convert to CLI with Webpack](/quasar-cli-webpack/convert-to-quasar-cli-with-webpack)
[Browser Compatibility](/quasar-cli-webpack/browser-compatibility)
[Supporting TypeScript](/quasar-cli-webpack/supporting-ts)
[Directory Structure](/quasar-cli-webpack/directory-structure)
[Commands List](/quasar-cli-webpack/commands-list)
[CSS Preprocessors](/quasar-cli-webpack/css-preprocessors)
[Routing](/quasar-cli-webpack/routing)
[Lazy Loading - Code Splitting](/quasar-cli-webpack/lazy-loading)
[Handling Assets](/quasar-cli-webpack/handling-assets)
[Boot Files](/quasar-cli-webpack/boot-files)
[Prefetch Feature](/quasar-cli-webpack/prefetch-feature)
[API Proxying](/quasar-cli-webpack/api-proxying)
[Handling Webpack](/quasar-cli-webpack/handling-webpack)
[Handling process.env](/quasar-cli-webpack/handling-process-env)
[State Management with Pinia](/quasar-cli-webpack/state-management-with-pinia)
[Linter](/quasar-cli-webpack/linter)
[Testing & Auditing](/quasar-cli-webpack/testing-and-auditing)

SPA mode

[Introduction](/quasar-cli-webpack/developing-spa/introduction)
[App Icons for SPA](/quasar-cli-webpack/developing-spa/app-icons-spa)
[Build Commands](/quasar-cli-webpack/developing-spa/build-commands)
[Deploying](/quasar-cli-webpack/developing-spa/deploying)

SSR mode

[Introduction](/quasar-cli-webpack/developing-ssr/introduction)
[Writing Universal Code](/quasar-cli-webpack/developing-ssr/writing-universal-code)
[Preparation](/quasar-cli-webpack/developing-ssr/preparation)
[Configuring SSR](/quasar-cli-webpack/developing-ssr/configuring-ssr)
[ssrContext](/quasar-cli-webpack/developing-ssr/ssr-context)
[SSR Middleware](/quasar-cli-webpack/developing-ssr/ssr-middleware)
[SSR Webserver](/quasar-cli-webpack/developing-ssr/ssr-webserver)
[Vue SSR Directives](/quasar-cli-webpack/developing-ssr/vue-ssr-directives)
[App Icons for SSR](/quasar-cli-webpack/developing-ssr/app-icons-ssr)
[SEO for SSR](/quasar-cli-webpack/developing-ssr/seo-for-ssr)
[Client Side Hydration](/quasar-cli-webpack/developing-ssr/client-side-hydration)
[Handling 404 and 500 Errors](/quasar-cli-webpack/developing-ssr/handling-404-and-500-errors)
[SSR with PWA](/quasar-cli-webpack/developing-ssr/ssr-with-pwa)
[SSR FAQ](/quasar-cli-webpack/developing-ssr/ssr-frequently-asked-questions)
[Build Commands](/quasar-cli-webpack/developing-ssr/build-commands)
[SSR with Typescript](/quasar-cli-webpack/developing-ssr/ssr-with-typescript)
[Deploying](/quasar-cli-webpack/developing-ssr/deploying)

PWA mode

[Introduction](/quasar-cli-webpack/developing-pwa/introduction)
[Preparation](/quasar-cli-webpack/developing-pwa/preparation)
[Build Commands](/quasar-cli-webpack/developing-pwa/build-commands)
[Configuring PWA](/quasar-cli-webpack/developing-pwa/configuring-pwa)
[HMR for PWA](/quasar-cli-webpack/developing-pwa/hmr-for-dev)
[App Icons for PWA](/quasar-cli-webpack/developing-pwa/app-icons-pwa)
[Handling Service Worker](/quasar-cli-webpack/developing-pwa/handling-service-worker)
[PWA with Typescript](/quasar-cli-webpack/developing-pwa/pwa-with-typescript)

[Developing Mobile Apps](/quasar-cli-webpack/developing-mobile-apps)

Capacitor mode

[Introduction](/quasar-cli-webpack/developing-capacitor-apps/introduction)
[Preparation](/quasar-cli-webpack/developing-capacitor-apps/preparation)
[Capacitor versions](/quasar-cli-webpack/developing-capacitor-apps/capacitor-version-support)
[Configuring Capacitor](/quasar-cli-webpack/developing-capacitor-apps/configuring-capacitor)
[App Icons for Capacitor](/quasar-cli-webpack/developing-capacitor-apps/app-icons-capacitor)
[Capacitor API](/quasar-cli-webpack/developing-capacitor-apps/capacitor-api)
[Build Commands](/quasar-cli-webpack/developing-capacitor-apps/build-commands)
[Troubleshooting and Tips](/quasar-cli-webpack/developing-capacitor-apps/troubleshooting-and-tips)
[Managing Google Analytics](/quasar-cli-webpack/developing-capacitor-apps/managing-google-analytics)
[Publishing to Store](/quasar-cli-webpack/developing-capacitor-apps/publishing-to-store)

Cordova mode

[Introduction](/quasar-cli-webpack/developing-cordova-apps/introduction)
[Preparation](/quasar-cli-webpack/developing-cordova-apps/preparation)
[Configuring Cordova](/quasar-cli-webpack/developing-cordova-apps/configuring-cordova)
[App Icons for Cordova](/quasar-cli-webpack/developing-cordova-apps/app-icons-cordova)
[Cordova Plugins](/quasar-cli-webpack/developing-cordova-apps/cordova-plugins)
[Build Commands](/quasar-cli-webpack/developing-cordova-apps/build-commands)
[Troubleshooting and Tips](/quasar-cli-webpack/developing-cordova-apps/troubleshooting-and-tips)
[Managing Google Analytics](/quasar-cli-webpack/developing-cordova-apps/managing-google-analytics)
[Publishing to Store](/quasar-cli-webpack/developing-cordova-apps/publishing-to-store)

Electron mode

[Introduction](/quasar-cli-webpack/developing-electron-apps/introduction)
[Upgrade guide](/quasar-cli-webpack/developing-electron-apps/electron-upgrade-guide)
[Preparation](/quasar-cli-webpack/developing-electron-apps/preparation)
[Configuring Electron](/quasar-cli-webpack/developing-electron-apps/configuring-electron)
[App Icons for Electron](/quasar-cli-webpack/developing-electron-apps/app-icons-electron)
[Build Commands](/quasar-cli-webpack/developing-electron-apps/build-commands)
[Preload Script](/quasar-cli-webpack/developing-electron-apps/electron-preload-script)
[Electron Packages](/quasar-cli-webpack/developing-electron-apps/electron-packages)
[Accessing files](/quasar-cli-webpack/developing-electron-apps/electron-accessing-files)
[Frameless Electron Window](/quasar-cli-webpack/developing-electron-apps/frameless-electron-window)
[Electron with Typescript](/quasar-cli-webpack/developing-electron-apps/electron-with-typescript)
[Electron Security Concerns](/quasar-cli-webpack/developing-electron-apps/electron-security-concerns)
[Troubleshooting and Tips](/quasar-cli-webpack/developing-electron-apps/troubleshooting-and-tips)

Browser Extensions mode

[Introduction](/quasar-cli-webpack/developing-browser-extensions/introduction)
[Preparation](/quasar-cli-webpack/developing-browser-extensions/preparation)
[Configuring BEX](/quasar-cli-webpack/developing-browser-extensions/configuring-bex)
[App Icons for BEX](/quasar-cli-webpack/developing-browser-extensions/app-icons-browser-extension)
[Build Commands](/quasar-cli-webpack/developing-browser-extensions/build-commands)
[Types of BEX](/quasar-cli-webpack/developing-browser-extensions/types-of-bex)
[BEX Bridge Communication](/quasar-cli-webpack/developing-browser-extensions/bex-bridge)
[Background Script](/quasar-cli-webpack/developing-browser-extensions/background-script)
[Content Scripts](/quasar-cli-webpack/developing-browser-extensions/content-scripts)

[Ajax Requests](/quasar-cli-webpack/ajax-requests)
[Opening Dev Server To Public](/quasar-cli-webpack/opening-dev-server-to-public)

_stars_

Icon Genie CLI

[Introduction](/icongenie/introduction)
[Installation / Upgrade notes](/icongenie/installation)
[Command list](/icongenie/command-list)
[App Icons List](/icongenie/app-icons-list)
[Profile files](/icongenie/profile-files)

_note\_add_

App Extensions

[Introduction](/app-extensions/introduction)
[Discover App Extensions](/app-extensions/discover)

Development Guide

[Introduction](/app-extensions/development-guide/introduction)
[Prompts API](/app-extensions/development-guide/prompts-api)
[Install API](/app-extensions/development-guide/install-api)
[Index API](/app-extensions/development-guide/index-api)
[Uninstall API](/app-extensions/development-guide/uninstall-api)

Tips and Tricks

[Introduction](/app-extensions/tips-and-tricks/introduction)
[Provide a UI component](/app-extensions/tips-and-tricks/provide-a-ui-component)
[Provide a directive](/app-extensions/tips-and-tricks/provide-a-directive)
[Inject Quasar Plugin](/app-extensions/tips-and-tricks/inject-quasar-plugin)
[Starter kit equivalent](/app-extensions/tips-and-tricks/starter-kit-equivalent)
[Chain Webpack](/app-extensions/tips-and-tricks/chain-webpack)

_healing_

Quasar Utils

[Date Utils](/quasar-utils/date-utils)
[Color Utils](/quasar-utils/color-utils)
[DOM Utils](/quasar-utils/dom-utils)
[Morph Utils](/quasar-utils/morph-utils)
[Formatter Utils](/quasar-utils/formatter-utils)
[Scrolling Utils](/quasar-utils/scrolling-utils)
[Type Checking Utils](/quasar-utils/type-checking-utils)
[EventBus Util](/quasar-utils/event-bus-util)
[Other Utils](/quasar-utils/other-utils)

Welcome to Quasar docs

Here you can find everything you need to start working with Quasar.

In the top navigation bar there is a search function that helps you find what you need and also many other pages that you can explore, like beginner resources and other cool content about the Quasar galaxy. Don't forget to check our page to [become a sponsor](https://donate.quasar.dev)
!

If you are an experienced explorer get right into action: use the navigation drawer on the left to navigate through our most important technical resources.

Most Used

[QTable](/vue-components/table)
[QInput](/vue-components/input)
[QSelect](/vue-components/select)
[_![](https://cdn.quasar.dev/img/custom-svg-icons/button-click.svg)_\
\
QBtn](/vue-components/button)
[QCard](/vue-components/card)
[_![](https://cdn.quasar.dev/logo-v2/svg/logo-mono-cyan.svg)_\
\
Flavour](/start/pick-quasar-flavour)

* * *

Discover Also

[quasar.config](/quasar-cli-vite/quasar-config-js)
[Boot Files](/quasar-cli-vite/boot-files)
[Date Utils](/quasar-utils/date-utils)
[_healing_\
\
Other Utils](/quasar-utils/other-utils)
[Flexbox](/layout/grid/introduction-to-flexbox)
[Animations](/options/animations)

[MIT License](https://github.com/quasarframework/quasar/blob/dev/LICENSE)
[Privacy Policy](https://www.iubenda.com/privacy-policy/40685560)

Copyright © 2015-present PULSARDEV SRL, [Razvan Stoenescu](https://github.com/rstoenescu)

This website has been designed in collaboration with [Dreamonkey Srl](https://www.dreamonkey.com/)

---