Get started with quasar-framework CDN
MIT licensed
Open-source Vue.js platform: Quasar builds responsive, mobile-first websites, PWAs.
Tags:- vuejs
- vue
- quasar
- js
- phone
- tablet
- desktop
- spa
- pwa
- website
- electron
- quasar-framework
- vue-component
- javascript
- ios
- android
- material
- material-theme
- material-design
- material-components
Stable version
Copied!
How to start using quasar-framework CDN
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/quasar-framework/0.17.20/quasar.css" referrerpolicy="no-referrer" />
<script src="https://cdn.cdnhub.io/quasar-framework/0.17.20/quasar.mat.umd.min.js" referrerpolicy="no-referrer"></script>
</head>
<body>
<div id="app">
<q-layout view="lHh Lpr lFf">
<q-header elevated>
<q-toolbar>
<q-btn flat round dense icon="menu" aria-label="Menu" @click="leftDrawerOpen = !leftDrawerOpen" />
<q-toolbar-title>Quasar App</q-toolbar-title>
</q-toolbar>
</q-header>
<q-drawer v-model="leftDrawerOpen" show-if-above side="left" bordered>
<q-list>
<q-item clickable to="/">
<q-item-section avatar>
<q-icon name="home" />
</q-item-section>
<q-item-section>Home</q-item-section>
</q-item>
<q-item clickable to="/about">
<q-item-section avatar>
<q-icon name="info" />
</q-item-section>
<q-item-section>About</q-item-section>
</q-item>
</q-list>
</q-drawer>
<q-page-container>
<router-view />
</q-page-container>
</q-layout>
</div>
<script src="https://unpkg.com/vue@next"></script>
<script src="https://unpkg.com/quasar-framework@0.17.20/quasar-app.js"></script>
<script src="app.js"></script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
All versions
0.15.0
0.15.0-beta.10
0.15.0-beta.12
0.15.0-beta.13
0.15.0-beta.14
0.15.0-beta.5
0.15.0-beta.6
0.15.0-beta.7
0.15.0-beta.8
0.15.0-beta.9
0.15.1
0.15.10
0.15.10-beta.1
0.15.10-beta.2
0.15.11
0.15.12
0.15.13
0.15.14
0.15.14-beta.1
0.15.15
0.15.2
0.15.3
0.15.4
0.15.5
0.15.6
0.15.7
0.15.8
0.15.9
0.16.0
0.16.0-alpha.0
0.17.0
0.17.0-beta.0
0.17.0-beta.1
0.17.0-beta.10
0.17.0-beta.11
0.17.0-beta.12
0.17.0-beta.13
0.17.0-beta.14
0.17.0-beta.15
0.17.0-beta.16
0.17.0-beta.2
0.17.0-beta.3
0.17.0-beta.4
0.17.0-beta.5
0.17.0-beta.6
0.17.0-beta.7
0.17.0-beta.8
0.17.0-beta.9
0.17.1
0.17.10
0.17.11
0.17.12
0.17.13
0.17.14
0.17.15
0.17.16
0.17.17
0.17.18
0.17.19
0.17.2
*** 0.17.20
0.17.3
0.17.4
0.17.5
0.17.6
0.17.7
0.17.8
0.17.9