介绍

Onsen UI是一个开源框架，可以轻松创建原生感的Progressive Web Apps（PWA）和混合应用程序。核心库是用纯Javascript（在Web组件之上）编写的，并且与框架无关，这意味着你可以将它与你喜欢的框架及其工具一起使用。提供了一些额外的绑定包，以便于使用Onsen UI的API以及许多流行的框架：React、Angular 2+、Vue、 AngularJS 1.x！

Github

https://github.com/OnsenUI/OnsenUI

Github star数7k+

什么是Onsen UI？

Onsen UI是......

• 一组专为移动应用程序设计的丰富UI组件
• 本机iOS和Android设计标准包含随时可用的功能
• 免费使用，100％开源软件（Apache v2许可证）

Onsen UI通过原生设计的UI元素丰富了应用用户的移动体验。它非常适合使用Cordova开发混合应用程序或开发移动Web应用程序（也称为Progressive Web Apps）。

面向未来的架构

在幕后，Onsen UI包含三个层次：

1. CSS组件，用cssnext编写，是下一代CSS
2. Web Components，用本机JavaScript编写，支持所有框架
3. 框架绑定，用于与流行框架（如Vue.js，AngularJS 1，Angular 2+和React）更紧密地集成

简而言之，Onsen UI简化了您的开发，适用于任何框架，并且是未来的证明！

组件预览

• Action Sheet

• Alert Dialog

• 按钮

• Card

• CheckBox

• Fab

• List

• 通知

• Popover

• 进度条和loading

• Range

• 搜索框

• 分割

• Select Input

• Switch

• Tabbar

• Text

• Toast

• Toolbar

• Toolbar Button

安装使用

npm install onsenui

官方针对不同的平台分别有不同的使用指南，分别包括Vue、React、Angular、jQuery等来帮助你开始使用Onsen UI创建混合应用程序和PWA

生态系统

因为有时UI框架可能不足以使混合应用程序开发变得容易，Onsen UI带有一个完整的集成工具生态系统。认识Monaca。

Monaca由Onsen UI团队开发，是一个工具包，可以简单轻松地使用PhoneGap / Cordova进行混合移动应用程序开发：Onsen UI Cordova模板，调试套件，推送通知，远程构建，后端解决方案，加密，版本控制，连续整合等等。此外，它提供了多个开发环境，其中包含已配置且已准备好的所有内容：

平台兼容性

Onsen UI经过测试，可与以下浏览器和移动操作系统配合使用：

• Android 4.4.4+
• iOS 9+
• Chrome
• Safari

总结

Onsen UI是跨平台的混合应用开发框架，包括完整的UI和工具套件，是开发混合应用的另一种解决方案，其支持三大主流前端框架，更容易上手使用，如果你对它已经感兴趣，不妨试一试！