具有原生应用外观的组件库,性能表现也非常不错,适合用来开发 App,值得关注和学习使用。

关于 Onsen UI

Onsen UI 是一套专为移动应用设计的丰富的 UI 组件库,使用前端开发者熟悉的javascript/html/css 来开发移动应用,所有的组件都按照原生 iOS 和 Android Material Design 设计标准规范,帮助开发者快速开发符合原生体验规范的手机应用,极大地简化了开发工作,目前以 Onsen UI 开发的上架到 google play 和 app store 上的应用下载量已经超过1亿,是一款在全球范围内极受欢迎的移动 UI 组件库。

Onsen UI 组件库特性

  • 同时支持 Vue / React / Angular 三大前端框架以及 jQuery
  • 大量拿来就用兼容性好的 UI 组件。Onsen UI 提供标签、侧菜单、堆栈导航和数以百计的组件,拥有 iOS 和 Android Material Design 原生应用的设计风格,开发者不需要重复造轮子
  • 专为移动设备优化的性能。Onsen UI 中的所有动画都经过了调整和优化,即使在低端设备上也很流畅
  • 易于学习,只要熟悉 javascript/html/css 就能上手,但也很强大,开发复杂移动应用完全不在话下
  • 更新频率高,官方拥有大量的学习资源(英文),包括官方文件、互动教程和社区论坛

开发上手感受和使用建议

前端的迅猛发展到现在,使用 javacript 来进行 App 的开发已经不是什么新鲜事了,但专为 App 端打造的 UI 组件库,还是不多见,而 Onsen UI 就是一款具有原生应用外观的高性能移动组件库,组件精致美观,开发者只需要专注于产品业务逻辑,不需要在外观以及性能表现上耗费精力,特别适合使用在对界面外观定制需求的较低的工具型 App 上,在独立开发者的群体中深受欢迎。

Onsen UI 除了支持 Vue / React / Angular 三大前端框架,还能和 jQuery 使用,官方的组件文档不仅可以按平台分类找组件,还可以根据不同的技术框架查看源码例子,开发体验足够好。

需要注意的是,如果用 Onsen UI 开发 App,官方匹配的开发工具是 Monaca,这是一个混合开发的 IDE 工具,需要熟悉掌握。还有无论是官网还是文档,Onsen UI 目前也只有英文版,需要借助翻译工具。

免费开源说明

Onsen UI 是一套免费开源的 UI 组件库,基于 apache 2.0 开源协议托管在 Github 上,任何人都可以免费使用,包括用于商业项目。

之前推荐过基于 vue 的体验接近原生的组件库 vonic,感兴趣的开发者也可以了解对比一下。

原文链接:https://www.thosefree.com/onsen-ui

OnsenUI - 专为混合开发/手机 web 应用打造的开源移动端 UI 组件库相关推荐

  1. WeUI - 微信官方推出的免费开源 UI 组件库,上手简单,风格简约,在微信生态开发轻量项目的绝佳选择

    微信早年发布的 UI 框架,对想要创建让微信用户感到熟悉的应用来说,是一个好选择. 关于 WeUI WeUI 一款由腾讯微信团队开发的 UI 组件库,是一套同微信原生视觉体验一致的基础样式库,由微信官 ...

  2. 十大常用web前端UI组件库,赶紧收藏

    今天主要介绍web前端常用的UI库,这些网站基本都是背靠互联网大厂,值得web前端开发者收藏,当然还是要多多学习使用. Vant 一款有赞出品轻量.可靠的的移动UI组件库,目前支持 Vue2.Vue3 ...

  3. Element UI 组件库分析和二次开发(一)

    我的本地开发环境:M1 芯片Mac,node v12.22.10. 一.Element UI 组件库二次开发的大致流程 1. 从 Element 官方 clone 一份 dev 源码到本地 2. 安装 ...

  4. LuLu UI - 腾讯阅文集团出品的“半封装” 开源 Web UI 组件库,特点是面向设计、简单灵活、支持 Vue

    阅文集团前端大神张鑫旭的团队出品的面向设计的前端 UI 组件库,上手简单,定制性强. 关于 LuLu UI LuLu UI 是一款面向桌面端和移动端网页开发的组件库,由阅文集团前端团队出品.阅文集团由 ...

  5. 前端开发常用UI组件库(vue、react)

    pc端 Ant Design Ant Design是基于 Ant Design 设计体系的 React UI 组件库 Element Element是基于 Vue 2 的UI组件库 Element+ ...

  6. iview图表_Vue高效UI组件库—iView开发实践

    前段时间在微软参加活动,分享了 TalkingData 开源的基于 Vue.js 的高效 UI 组件库 iView 的一些开发经验,现整理成文,和大家探讨. 关于 iView 开发历程和命名 Talk ...

  7. LCUI.css 0.1.2 发布, 基于 LCUI 开发的 UI 组件库

    开发四年只会写业务代码,分布式高并发都不会还做程序员? >>>   LCUI.css 是一个适用于 LCUI 应用程序的 UI 组件库,使用 C 语言编写,提供了一些通用的组件和 c ...

  8. UI组件库从1到N开发心得-组件篇

    正文 距离第一篇UI组件库文章发布已经过去3个月了,在此期间利用零零散散的时间持续更新owl-ui组件库,目前owl-ui移动端组件库已经更新3大类(基础.表单.弹出层)9种组件(Button.Tab ...

  9. axure web组件下载_Element - 饿了么团队出品的神级桌面 UI 组件库

    一套著名的桌面端的组件库,同时提供Sketch.Axure模板资源文件方便快速产品设计. 介绍 由饿了么团队出品,一套为开发者.设计师和产品经理准备的组件库,提供了配套axure.sektch设计资源 ...

最新文章

  1. Redis运行流程源码解析
  2. 丁磊建议将少儿编程纳入学业水平考试,是少儿编程太热,还是起跑线焦虑
  3. linux 中mmap的用法
  4. AngularJs 基础教程​ —— Select(选择框)
  5. python笔记总结_python学习笔记总结(1)
  6. 说说你对binlog、redo log和undo log的理解
  7. php文件的作用,php入口文件的作用-PHP问题
  8. 今天吃什么网站源码火遍朋友圈
  9. SpringBoot之RabbitMQ的使用
  10. FreeRTOS 正点原子教程学习笔记
  11. 小学计算机课题研究方案,小学语文课题研究方案
  12. mac 中 caps lock和control键交换,以及alt键替换option方法
  13. Grid ++ MIME 类型配置 载入报表数据,检查此URL及其数据,错误提示 网络服务器响应不成功
  14. MT2502 datasheet,MT2502硬件设计,MT2502芯片资料
  15. C++的名字空间(很重要)
  16. 爬取安居客租房详情+翻页
  17. GPS 驯服时钟原理
  18. 刺客信条奥德赛多项功能修改器(附游戏攻略)
  19. ps – report process status
  20. 【移动通信】 01-移动通信概论

热门文章

  1. Aho-Corasick automaton,ac自动机实现
  2. 四大名著开篇诗词:句句都是真理,道尽人生玄机
  3. 没有美术基础也可以学习3D模型吗?| 零基础学建模
  4. 用Wordcloud生成指定形状的词云图
  5. 当心上网“隔墙有耳” 无线网络安全让人忧
  6. EXCEL VBA字符串替换
  7. Android扫描银行卡获取银行卡号
  8. 更改linux登陆界面的图片,Ubuntu更改登录界面的图片
  9. C# 快速释放内存的大数组
  10. 云原生应用工具管理与实践