What is Onsen UI?

Onsen UI is an open-source UI framework that makes it easy to create native-feeling Progressive Web Apps (PWAs) and hybrid apps. It allows developers to create apps using Web technologies like CSS, HTML5, and JavaScript.

Onsen UI is:

  • a large set of rich UI components specifically designed for mobile apps
  • packed with ready-to-implement features following native iOS and Android design standards

Onsen UI is framework-agnostic, meaning developers can create apps with or without any JavaScript framework. Onsen UI also includes extra binding packages to make its API easy to use with popular frameworks like:

  • React
  • Vue
  • AngularJS 1
  • Angular 2+

Onsen UI has been performance-optimized for mobile devices, so it is suitable for mobile web app development.

Installation

You can download Onsen UI from here.

Onsen UI is also available as an npm package:

npm install onsenui --save

Unpkg also provides CDN support for Onsen UI’s CSS and JavaScript. Just use the following CDN links:

<link rel="stylesheet" href="https://unpkg.com/onsenui/css/onsenui.css">
<link rel="stylesheet" href="https://unpkg.com/onsenui/css/onsen-css-components.min.css">
<script src="https://unpkg.com/onsenui/js/onsenui.min.js"></script>

Check out the official website to get started with Onsen UI.

Free Resources

Copyright ©2024 Educative, Inc. All rights reserved