Get started with 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>

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.ar.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.bg.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.ca.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.cs.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.da.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.de.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.el.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.en-uk.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.en-us.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.es.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.fa-ir.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.fr.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.gn.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.he.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.hr.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.hu.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.id.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.it.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.ja.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.ko-kr.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.lu.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.lv.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.ms.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.nb-no.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.nl.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.pl.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.pt-br.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.pt.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.ro.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.rs.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.ru.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.sk.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.sl.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.sv.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.th.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.tr.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.uk.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.vi.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.zh-hans.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/i18n.zh-hant.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/icons.fontawesome-pro.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/icons.fontawesome.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/icons.ionicons.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/icons.material-icons.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/icons.mdi.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/quasar.addon.css Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/quasar.addon.min.css Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/quasar.addon.rtl.css Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/quasar.addon.rtl.min.css Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/quasar.ie.polyfills.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/quasar.ios.css Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/quasar.ios.min.css Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/quasar.ios.rtl.css Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/quasar.ios.rtl.min.css Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/quasar.ios.umd.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/quasar.ios.umd.min.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/quasar.mat.css Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/quasar.mat.min.css Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/quasar.mat.rtl.css Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/quasar.mat.rtl.min.css Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/quasar.mat.umd.js Copied!

https://cdn.cdnhub.io/quasar-framework/0.17.20/quasar.mat.umd.min.js Copied!

Get started with quasar-framework CDN

Stable version

How to start using quasar-framework CDN

All versions