Home

Awesome

Vue 3 Demo: https://quasar-template.netlify.app/

Looking for beautiful premium Quasar template for Vue 3? Please drop me an email. Buy only at <b>$49</b>!

Quasar Template

A beautiful Quasar template. This template also includes a variety of features that are required for admin template needs.

It is a fully responsive template built using the Quasar framework that makes it available for all screen sizes from big screens to smartphones.

Few Features:

Support

If this helped you, you can contribute to this project by supporting me:

💜 Support my open-source work on GitHub

Please check out my sponsor page.

(GitHub currently doubles your support! So if you support me with $5/mo, I will get $10 instead! 😉)

Thank you very much!!

Resources used

Installation

git clone https://github.com/mohitransubhe-supernatural/quasar-template.git

Install the dependencies

cd quasar-template
npm install

To run the app in development mode (hot-code reloading, error reporting, etc.)

quasar dev

Build the application

quasar build

Do reach out to me at "ransubhemohit31@gmail.com" for queries.

Screens UI

Dashboard - Dark mode

<p float="left"> <img src="https://quasar-template.netlify.app/dark_dashboard.png" border="1" alt="Dashboard - Dark mode" title="Dashboard - Dark mode" /> </p>

Login

<p float="left"> <img src="https://quasar-template.netlify.app/login.png" border="1" alt="Login" title="Login" /> </p>

Dashboard

<p float="left"> <img src="https://quasar-template.netlify.app/dashboard.png" border="1" alt="Dashboard" title="Dashboard" /> </p>

Transaction Page

<p float="left"> <img src="https://quasar-template.netlify.app/transaction_page.png" border="1" alt="Transaction Page" title="Transaction Page" /> </p>

Transaction Page - Dark mode

<p float="left"> <img src="https://quasar-template.netlify.app/dark_transaction_page.png" border="1" alt="Transaction Page - Dark mode" title="Transaction Page - Dark mode" /> </p>

Customer Management

<p float="left"> <img src="https://quasar-template.netlify.app/manage_customers.png" border="1" alt="Customer Management" title="Customer Management" /> </p>

Invoice

<p float="left"> <img src="https://quasar-template.netlify.app/invoice_page.png" border="1" alt="Invoice" title="Invoice" /> </p>

Profile

<p float="left"> <img src="https://quasar-template.netlify.app/profile_page.png" border="1" alt="Profile" title="Profile" /> </p>

Customize the configuration

See Configuring quasar.conf.js.