推荐10个高颜值小程序开源UI库( 三 )


无数大小公司纷纷开始开发自己的小程序产品,前端的技术栈要求里也新增了 微信小程序 这项技能 。
另一方面,软件开发的过程中,部分功能或视图的实现是一个重复性的工作,微信小程序从诞生到现在,不过两年时间(2017/1/09 ~ 2019/2/12),生态圈对比 Vue, React 来说实在过于单调,而且很少有在设计和实用性上都很突出的产品,能够在实际开发中帮助到开发者的产品更是屈指可数 。
所以,我们在深思熟虑后,决定要动手设计并开发一个与小程序相匹配的组件库 。与其他组件库不同的是,我们除了提供基本的组件外,还会提供 wxs模块 、高级组件 、 电商组件模块 等等 。例如,在电商项目里常用的 SKU联动选择 ,城市选择器 等 。不过,为了尽快发布与开发者们见面,我们先完成了基本的组件部分,剩余的高级内容将在当前版本稳定后,提上日程 。
特性
简单易用
组件采用微信小程序的原生语法编写,只需要熟悉初级的 html 、 CSS 、 JAVAScript 和 微信小程序 相关知识就能上手开发,同时既可以一次性加载所有的代码,也可以选择只加载使用到的某些组件的代码 。
规范统一
遵循统一的 设计规范 ,接口标准 和 事件冒泡机制 ,减少开发者查阅文档的时间成本,提升开发效率 。
文档丰富
为了能让更多开发者接触之初,就能够熟练的用Lin-UI开发自己的小程序应用,我们对每个组件的 属性 、 事件 、用法 、和 案例 上都做了详尽的描述 。
扩展性强
支持 按需引入 和 自定义的主题色 ,生成多种风格,满足个性化产品需求;同时还具有很强的 扩展性 ,轻松实现组件的二次开发 。
支持第三方库框架
支持第三方框架,taro,mpvue 。
如下图:

推荐10个高颜值小程序开源UI库

文章插图
 
推荐10个高颜值小程序开源UI库

文章插图
 
推荐10个高颜值小程序开源UI库

文章插图
 
推荐10个高颜值小程序开源UI库

文章插图
 
MinUI
官网地址:https://meili.github.io/
Github:https://github.com/meili/min-cli
MinUI 基于规范的小程序 UI 组件库,轻量、易用、工具化 。
Min 是一套面向小程序的开发环境,由蘑菇街前端开发团队提供和维护 。目前,我们开源了它面向小程序自定义组件的部分(后续还会陆续开源其他能力),结合微信开发者工具,对组件的 开发 和 使用,Min 会让你感到优雅和高效 。而 MinUI,就是基于 Min 平台产出的一套 UI 组件库,同时也是 “蘑菇街女装精选” 小程序 (小程序总榜前 3 位) 在应用的 UI 组件库 。
授人以渔,基于 Min 提供的开发赋能,和 MinUI 组件库实践的参考,不同小程序的开发者,可以快速建立起符合其自身需求的组件化体系 。
如下图:
推荐10个高颜值小程序开源UI库

文章插图
 
推荐10个高颜值小程序开源UI库

文章插图
 
uView UI
官网地址:https://v1.uviewui.com/
Github:https://github.com/umicro/uView
uView UI,是uni-app生态优秀的UI框架,全面的组件和便捷的工具会让你信手拈来,如鱼得水 。
uni-app在2018年初发布以来,一直蓬勃发展,一派欣欣向荣,社区也是人声鼎沸,众望所归 。
因此,uView应运而生,uView的目标是成为uni-app生态最优秀的UI框架 。
关于uView的取名来由,首字母u来自于uni-app首字母,uni-app是基于Vue.js,Vue和View(延伸为UI、视图之意)同音,同时view组件uni-app中 最基础,最重要的组件,故取名uView,表达源于uni-app和Vue之意,同时在此也对它们表示感谢 。


推荐阅读