Quasar Framework

Effortlessly build high-performance & high-quality Vue.js 3 user interfaces in record time

Our Premium Sponsors

All Platforms in One Go

Combine the power of Quasar UI with Quasar CLI. One source code for all platforms simultaneously with all the latest and greatest best practices out of the box. Focus only on your app's features and forget about the boilerplate around it.

$ yarn global add @quasar/cli

$ yarn create quasar

$ npm i -g @quasar/cli

$ npm init quasar

$ pnpm i -g @quasar/cli

$ pnpm create quasar

Impressive User Interface Building Blocks

Components

Ajax Bar Avatar Badge Banner Bar Breadcrumbs Button Button Dropdown Button Group Button Toggle Card Carousel Chat Message Checkbox Chip Circular Progress Color Picker Date Picker Dialog Editor - WYSIWYG Expansion Item Field (wrapper)File picker Floating Action Button Form Icon Img Infinite Scroll Inner Loading Input Textfield Intersection Knob Layout Layout Drawer Layout Footer Layout Header Layout Page Linear Progress List & List Items Markup Table Menu No SSR Option Group Page Scroller Page Sticky Pagination Parallax Popup Edit Popup Proxy Pull to refresh Radio Range Rating Resize Observer (for Element)Responsive Scroll Area Scroll Observer Select Separator Skeleton Slide Item Slide Transition Slider Space Spinners Splitter Stepper Tab Panels Table Tabs Time Picker Timeline Toggle Toolbar Tooltip Tree Uploader Video Virtual Scroll

Directives

Close Popup Intersection Material Ripples Mutation Morph Scroll Scroll Fire Touch Hold Touch Pan Touch Repeat Touch Swipe

Plugins

Addressbar Color App Fullscreen App Visibility Bottom Sheet Cookies Dark Dialog Loading Loading Bar Local/Session Storage Meta Notify

Quasar Icon Genie

Consumes a source icon and automatically clones, scales, minifies and places the (needed) 100+ generated icons and splash screens in the appropriate directories for you.

IconGenie