QuasarUI | QuasarUI

By Hafiz Javaid Iqbal

The Quasar component library for beautiful apps and landing pages.

Production-ready Components, Blocks and Templates built with Vue and Quasar. Copy and paste them, or let Claude Code, Codex or any AI agent with MCP install them for you.

Browse Components Explore Templates

Components

Beautifully crafted UI components

430 professionally designed, fully responsive component examples in 56 Blocks, ready to drop into your Quasar projects and customize to your heart’s content.

Feature Sections

Pricing Sections

Header Sections

Newsletter Sections

Browse all 56 Blocks

From the blog

Practical tips, comparisons, and guidance for building with Quasar.

Nuxt + Quasar: Set Up nuxt-quasar-ui in Nuxt 3

Add Quasar to a Nuxt 3 app with the nuxt-quasar-ui module: install, brand colors, icons, plugins, dark mode and the gotchas we hit running quasarui.com on it.

Quasar Layout System: Build Responsive Apps Faster

Learn how to use QLayout, drawers, headers, and breakpoints to ship responsive Quasar apps with less CSS and cleaner structure.

Quasar vs Vuetify vs Naive UI: Which Vue UI Framework Fits Your Product?

A practical comparison between Quasar, Vuetify, and Naive UI focused on DX, performance, theming, and long-term maintainability.