Get started with uiv CDN

MIT licensed

UIV: Lightweight, flexible library for HTML5 Canvas, CSS3 transitions interfaces.

Tags:
  • Bootstrap
  • Bootstrap 3
  • Bootstrap for Vue
  • SSR
  • Web
  • Components
  • Directives
  • Vue
  • VueJS
  • Vue2
  • WebComponents
  • vue-strap
  • vuestrap
  • CSS
  • Affix
  • MessageBox
  • Notification
  • ScrollSpy
  • Alert
  • Button
  • Button group
  • Breadcrumbs
  • Carousel
  • Slider
  • Collapse
  • Dropdown
  • Nav
  • Modal
  • Navbar
  • Pagination
  • Popover
  • Progress
  • Tab
  • Tooltip
  • Typeahead
  • Auto complete

Stable version

Copied!

How to start using uiv CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with uiv CDN - cdnhub.io</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uiv@2.0.6/dist/uiv.min.css">
</head>
<body>
  <button id="btnPrimary">Primary</button>
  <button id="btnSecondary" class="btn-secondary">Secondary</button>
  <button id="btnTertiary" class="btn-tertiary">Tertiary</button>

  <script src="https://cdn.cdnhub.io/uiv/2.0.6/Btn.min.js"></script>
  <script>
    document.addEventListener("DOMContentLoaded", () => {
      const btnPrimary = new uiv.Btn("#btnPrimary");
      const btnSecondary = new uiv.Btn("#btnSecondary");
      const btnTertiary = new uiv.Btn("#btnTertiary");

      btnPrimary.init();
      btnSecondary.init();
      btnTertiary.init();
    });
  </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!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions