Skip to page content
A loading bar for ajax calls in progress
A space for your portrait, icon or text
To highlight small but important info
To display important messages and actions
A small top bar for side info and actions
To keep track of your position inside app
To access the most important actions
To access more actions at once in less space
An alternative to classic buttons
To display grouped contents
To display images and other contents
To display users' conversations
To flag one or more options in a list
A small container for info and actions
To inform when content is still loading
To select color values and codes
To access the most important actions
To show actions and info only when needed
The sidebar panels of your layout
To write text and style it directly
To show hidden extra info and actions
To access and choose a file from users' device
To display the page primary action
A system to submit validated inputs
Wrapper for your own custom form elements
To insert icons inside other components
To set some basic image features
To enable new content display while scrolling
To add content loading inside a component
To collect users' typed text input
Set how UI elements enter the screen
To set a value with a draggable gauge
A loading bar with various behaviors
To display contents on a vertical list
To display data and content on a table
A dropdown panel to access options
Ignore irrelevant code during SSR generation
Emit an Event when an element resizes
Emit an Event when the user scrolls
Helper component to set groups of options
To navigate content on multiple pages
To create interesting UI image background
To access inline editing of data
To show extra content on click
To refresh the page content with a gesture
To select a single option in a list
To pick a period on a range of values
The classic "star rating" component
To keep content aspect ratio consistent
To set a scrollable content in components
To choose one item from a dropdown list
The linear visual divider for contents
To set loading content placeholders
To add dragging feature to list items
To pick a single value on a range
To show a hidden content
Fill space inside elements using flexbox
A loading indicator with various behaviors
To add a draggable resizer for containers
To divide content in progressive steps
To display much data on a datatable
To split out content view in the same page
To navigate separate content in one page
A vertical solution to set milestones in time
To set a specific time on the clock
An alternative to pick an option among many
To switch an option on and off
The top main bar for actions and menu
To show extra useful info about the UI
An indented structure for hierarchical data
To upload any kind of file from the computer
To embed and display a video player in UI
To render new content while scrolling it
Close the parent QDialog or QMenu on click
Handle elements coming into the view
Apply Material ripples to elements
Watch changes being made to the DOM tree
Morph DOM elements between two states
Handle page scroll
Take action when element comes into view
Handle touch & mouse hold user actions
Handle touch & mouse panning user actions
Handle repeated touch & mouse taps/clicks
Handle touch & mouse swipe user actions
Manage the browser addressbar color
Handle app fullscreen mode
For app coming into (or out of) view
Quick way to offer a list of actions
Easy way to manage browser cookies
Manage dark mode
Plugin to display a floating modal
Overlay for a background action in progress
Display a loading bar for in progress Ajax calls
Manage the local storage and session storage
Helps with SEO by managing the meta tags
Display floating animated messages
Access Quasar API (the $q object)
Access Dialog Plugin functionality
Communicate with the parent QForm
Configure meta tags with Quasar Meta Plugin
Get hydration state for SSR/SSG
Generate unique IDs
Detect when an element enters or leaves the viewport
Similar to setInterval() but with additional features
Cache rendered nodes for performance optimization
Similar to nextTick() but with additional features
Similar to setTimeout() but with additional features
Similar to requestAnimationFrame() but with additional features
Split a component's attributes into listeners and non-listeners
Easily handle date objects
Manipulate colors and app brand colors
Various DOM-related helper utils
Morph DOM elements helper util
Various text formatting utils
Various scrolling-related utils
Helpers to determine variable types
Global event bus
Various other utils that Quasar supplies