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:
- Modern and responsive design
- Simple Dashboard
- Export feature
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
- Clone the repository
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>