分享一些收集的常用CSS框架和UI框架

京漂大叔 2022-07-27 PM 3135℃ 0条

pexels-photo-9897446.jpeg
小程序UI框架(蘑菇街团队开源项目)
https://github.com/meili/minui
https://meili.github.io/min/docs/install/index.html

https://www.uviewui.com/

WeUI for 小程序 为微信小程序量身设计 腾讯
https://github.com/Tencent/weui-wxss
https://weapp.iviewui.com/

Iview weapp 文档
https://weapp.iviewui.com/components/layout

京东 UI组件库:Taro-UI github
https://taro-ui.aotu.io/#/
https://github.com/NervJS/taro-ui-demo
https://taro-ui.aotu.io/#/docs/introduction
https://aotu.io/notes/2018/08/27/the-birth-of-taro-ui/

有赞开发的 Vant weapp微信小程序UI组件
https://github.com/youzan/vant-weapp
https://youzan.github.io/vant-weapp/#/area

Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库
https://element.eleme.cn/#/zh-CN

Naive UI
https://www.naiveui.com/zh-CN/os-theme

Ant Design
https://ant.design/index-cn

TDesign
https://tdesign.tencent.com/

CSS框架
https://tailwindcss.com/
https://tailwindui.com/
https://tailblocks.cc/

案列小程序
商城
https://github.com/dyq086/wepy-mall
Strapi Design APIs fast, manage content easily.
https://strapi.io/
https://getstrapi.cn/developer-docs/latest/getting-started/introduction.html

个人微信收款码支付解决方案
https://www.yuque.com/docs/share/039fb73e-48ca-4e62-a473-9caf0c04fb92

阿里巴巴ICONfont
https://www.iconfont.cn/search/index?searchType=icon&q=home

组件库
有赞UI组件库:vant webapp github
适用商城类,简单的需求用这个也不错
蘑菇街UI组件库:MinUI github
挺好看的,但是搜出来使用这个的不多,可能我姿势不对吧
TalkingData UI组件库:iView webapp github
组件多...
Wux WeApp UI组件库:Wux WeApp github
好像是个人开发的,效果也不错,有日历手风琴等
京东 UI组件库:Taro-UI github
结合taro框架用react开发方式的,不适合
ColorUI UI组件库:ColorUI github
直接添加class即可实现效果,视觉效果很棒。
前端框架
美团点评:mpvue github
使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 实现,使其可以运行在小程序环境中,从而为小程序开发引入了整套 Vue.js 开发体验。
京东:Taro github
多端统一开发框架,支持用 React 的开发方式编写一次代码,生成能运行在微信小程序、H5、React Native 等的应用
腾讯:WePY github
接近于 Vue.js
WeTouch:Touch WX 文档
小结
框架:京东的是 React 方式编码,其他多数是vue方式。不考虑框架,因为都没用过,耗时多- -
UI组件:看了issue和考虑大厂使用,选用vant webapp、iView webapp

标签: none

非特殊说明,文章均为原创。

评论啦~