Why donate
API Explorer
Ajax-bar
A loading bar for ajax calls in progress
Avatar
A space for your portrait, icon or text
Badge
To highlight small but important info
Banner
To display important messages and actions
Bar
A small top bar for side info and actions
Breadcrumbs
To keep track of your position inside app
Buttons
To access the most important actions
Buttons Dropdown
To access more actions at once in less space
Buttons Group
An alternative to classic buttons
Cards
To display grouped contents
Carousels
To display images and other contents
Chat Message
To display users' conversations
Checkbox
To flag one or more options in a list
Chips
A small container for info and actions
Circular Progress
To inform when content is still loading
Color Pickers
To select color values and codes
Date Picker
To access the most important actions
Dialogs
To show actions and info only when needed
Editor WYSIWYG
To write text and style it directly
Expansion Panels
To show hidden extra info and actions
File Pickers
To access and choose a file from users' device
Floating Action Button
To display the page primary action
Forms
A system to submit validated inputs
Form Fields
Wrapper for your own custom form elements
Icon
To insert icons inside other components
Img
To set some basic image features
Infinite Scroll
To enable new content display while scrolling
Inner Loading
To add content loading inside a component
Input Text Fields
To collect users' typed text input
Intersection
Set how UI elements enter the screen
Knob
To set a value with a draggable gauge
Linear Progress
A loading bar with various behaviors
List and List Items
To display contents on a vertical list
Markup Table
To display data and content on a table
Menu
A dropdown panel to access options
No SSR
Ignore irrelevant code during SSR generation
Observer resize
Emit an Event when an element resizes
Observer scroll
Emit an Event when the user scrolls
Option Group
Helper component to set groups of options
Pagination
To navigate content on multiple pages
Parallax
To create interesting UI image background
Popup Edit
To access inline editing of data
Popup Proxy
To show extra content on click
Pull to Refresh
To refresh the page content with a gesture
Radio
To select a single option in a list
Range
To pick a period on a range of values
Rating
The classic "star rating" component
Responsive
To keep content aspect ratio consistent
Scroll Area
To set a scrollable content in components
Select
To choose one item from a dropdown list
Separator
The linear visual divider for contents
Skeleton
To set loading content placeholders
Slide Item
To add dragging feature to list items
Slider
To pick a single value on a range
Slide Transition
To show a hidden content
Space
Fill space inside elements using flexbox
Spinners
A loading indicator with various behaviors
Splitter
To add a draggable resizer for containers
Stepper
To divide content in progressive steps
Table
To display much data on a datatable
Tab Panels
To split out content view in the same page
Tabs
To navigate separate content in one page
Timeline
A vertical solution to set milestones in time
Time Picker
To set a specific time on the clock
Toggle Buttons
An alternative to pick an option among many
Toggle
To switch an option on and off
Toolbar
The top main bar for actions and menu
Tooltip
To show extra useful info about the UI
Tree
An indented structure for hierarchical data
Uploader
To upload any kind of file from the computer
Video
To embed and display a video player in UI
Virtual Scroll
To render new content while scrolling it
Intersection
Handle elements coming into the view
Material Ripples
Apply Material ripples to elements
Mutation
Watch changes being made to the DOM tree
Morph
Morph DOM elements between two states
Scroll
Handle page scroll
Scroll Fire
Take action when element comes into view
Touch Hold
Handle touch & mouse hold user actions
Touch Pan
Handle touch & mouse panning user actions
Touch Repeat
Handle repeated touch & mouse taps/clicks
Touch Swipe
Handle touch & mouse swipe user actions
Addressbar Color
Manage the browser addressbar color
App Fullscreen
Handle app fullscreen mode
App Visibility
For app coming into (or out of) view
Bottom Sheet
Quick way to offer a list of actions
Cookies
Easy way to manage browser cookies
Dark Mode
Manage dark mode
Dialog
Plugin to display a floating modal
Loading
Overlay for a background action in progress
Loading Bar
Display a loading bar for in progress Ajax calls
Local/Session Storage
Manage the local storage and session storage
Meta Plugin
Helps with SEO by managing the meta tags
Notify
Display floating animated messages
Date utils
Easily handle date objects
DOM utils
Various DOM-related helper utils
Morph utils
Morph DOM elements helper util
Formatter utils
Various text formatting utils
Scrolling utils
Various scrolling-related utils
Type checking utils
Helpers to determine variable types
Event bus util
Global event bus
Other utils
Various other utils that Quasar supplies