Onsen UI - 跨平台HTML5混合应用程序框架。(Onsen UI - Cross-Platform HTML5 Hybrid App Framework. )
Onsen UI 是一个UI组件库，可帮助您使用Javascript为Android和iOS创建漂亮的混合和移动网络应用程序。Onsen UI 是使用HTML5和JavaScript的移动应用开发框架和SDK，用于创建漂亮而又高效的跨平台移动应用。 基于Web Components，并为Angular 1，2，React和Vue.js提供绑定。
它是开源的，旨在提供原生的外观和感觉。 应用程序是由简单的HTML标签制成的，因此提供了一个温和的学习曲线。
核心库是用纯Javascript（在Web组件之上）编写的，并且与框架无关，这意味着您可以将其与您喜欢的框架及其工具一起使用。 目前，官方提供了一些额外的绑定包，以便为特定的框架定制Onsen UI的API：
一些其他框架由社区包支持（即未经核心团队测试或实施）：
包括iOS平板和Android的材质设计。 这些组件可以根据平台进行自动调整，这样可以使用相同的源代码来支持iOS和Android。
| Name With Owner | OnsenUI/OnsenUI |
|---|---|
| Primary Language | JavaScript |
| Program language | HTML (Language Count: 7) |
| Platform | BSD, Cross-platform, Linux, Mac, Windows |
| License: |
| Created At | 2013-09-11 11:52:41 |
|---|---|
| Pushed At | 2024-07-17 05:35:17 |
| Last Commit At | 2024-06-11 10:58:25 |
| Release Count | 145 |
| Last Release Name | 2.12.8 (Posted on ) |
| First Release Name | 0.5 (Posted on 2013-09-12 17:14:48) |
| Stargazers Count | 8.9k |
|---|---|
| Watchers Count | 296 |
| Fork Count | 1k |
| Commits Count | 10k |
| Has Issues Enabled | |
| Issues Count | 1832 |
| Issue Open Count | 4 |
| Pull Requests Count | 1070 |
| Pull Requests Open Count | 10 |
| Pull Requests Close Count | 167 |
| Has Wiki Enabled | |
|---|---|
| Is Archived | |
| Is Fork | |
| Is Locked | |
| Is Mirror | |
| Is Private |
Onsen UI is an open source framework that makes it easy to create native-feeling Progressive Web Apps (PWAs) and hybrid apps.
The core library is written in pure Javascript (on top of Web Components) and is framework agnostic, which means you can use it with your favorite framework and its tools. We provide some extra binding packages to make it easy to use Onsen UI's API with many popular frameworks:
Some other frameworks are supported by community packages (not tested or implemented by the core team): Aurelia, EmberJS.
Both flat (iOS) and Material (Android) designs are included. The components are optionally auto-styled based on the platform, which makes it possible to support both iOS and Android with the same source code.
We have several resources to help you get started creating hybrid apps and PWAs with Onsen UI:
We have a distribution repository with changelog. Onsen UI is also available in npm, bower and jspm. Example:
npm install onsenui
This downloads the core Onsen UI library. To install bindings, you can install react-onsenui, vue-onsenui, ngx-onsenui or angularjs-onsenui.
You can also take the necessary files from a CDN. Some of the options are unpkg, jsDelivr and cdnjs.
Optionally, you can download the latest development build here. Be careful, usually everything there is already tested but it might be unstable sometimes.
There are lots of sample applications written using Onsen UI. Here are some examples with source code and tutorials to give you an idea of what kind of apps you can create.
Because sometimes a UI framework may not be enough to make hybrid app development easy, Onsen UI comes with a complete ecosystem of well integrated tools. Meet Monaca.
Developed by the Onsen UI team, Monaca is a toolkit that makes hybrid mobile app development with PhoneGap / Cordova simple and easy: Onsen UI Cordova templates, debugging suite, push notifications, remote build, back-end solutions, encryption, version control, continuous integration and more. Furthermore, it provides multiple development environments with everything already configured and ready to go:
Example with CLI:
$ [sudo] npm -g install monaca
$ monaca create helloworld # And choose the starter template
$ monaca preview # Preview on the browser
$ monaca debug # Preview on a real device
$ monaca remote build --browser # Production build on the cloud
See the Onsen UI Getting Started Page for more information.
Onsen UI is tested to work with the following browsers and mobile OS.
We welcome your contribution, no matter how big or small! Please have a look at the contribution guide for details about project structure, development environment, test suite, code style, etc. All the version updates are mentioned in the changelog.