Get started with onsen CDN

Apache License, Version 2.0 licensed

Onsen: HTML5 framework with JS UI components for hybrid mobile apps.

Tags:
  • onsenui
  • angular
  • html5
  • cordova
  • phonegap
  • web
  • component
  • monaca

Stable version

Copied!

How to start using onsen CDN


<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/onsen-css-components.min.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/onsen-css-components-plugin.css">
  <script src="https://cdn.cdnhub.io/onsen/2.12.8/js/onsenui.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/js/angular/angular.min.js"></script>
  <script src="app.js"></script>
</head>
<body ng-app="myApp">
  <ons-navigator title="Onsen UI Example" var="navigator">
    <ons-page ng-controller="MainCtrl">
      <h1>Hello, Onsen UI!</h1>
      <p>This is a simple example of an Onsen UI application.</p>
      <ons-button ng-click="goToPage2()">Go to page 2</ons-button>
    </ons-page>
    <ons-page ng-controller="Page2Ctrl">
      <h1>Page 2</h1>
      <p>You are now on page 2.</p>
      <ons-button ng-click="goBack()">Go back</ons-button>
    </ons-page>
  </ons-navigator>
</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!
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!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions