个人案例
grain足迹
练手
grain足迹扫码体验
- React PC端框架
1. Ant Design Ant Design是阿里巴巴团队出品的ReactUI组件库。有自己独特的设计风格和理念。非常符合国人的审美需求。并且在支付宝、蚂蚁金服等多个阿里项目中投入使用。组件化质量非常高，开箱即用。支持浏览器、服务端渲染以及Electron环境。包括刚刚推出支付宝小程序也是这一套设计风格。可谓国人开发React应用必修科目。 中文文档 | github地址 [图片] 2. Material-UI 一款React组件库来实现Google的Material Design风格UI界面框架。也是首个React的UI工具集之一。Material-UI 组件是独立工作的。 它们是自我支持的，并只要注入而且仅注入它们需要显示的样式。 他们不依赖任何全局的样式表，如 normalize.css。Material-UI首先是移动开发的，我们首先为移动设备编写代码，然后根据需要使用CSS媒体查询扩展组件。 要确保所有设备的正确渲染和触摸缩放，请将响应式视口元标记添加到 <head> 元素。 中文文档 | github地址 | 在线预览 [图片] 3. Semantic-UI-React Semantic-UI-React有极为丰富切漂亮的UI组件库，并且结构化做得非常好。React版本为官方出版，所有React组件都具有非常简洁的API和简明的属性，并且不依赖与jQuery，操作虚拟DOM提高性能带来更完美的用户体验。 中文文档 | github地址 [图片] 4. React-Bootstrap 谈到组件库就不得不提Twitter公司开源的Bootstrap了，它帮助多少程序猿解决了WEB-UI界面开发的难题。React-Bootstrap 是可重用的前端组件库。与 Twitter Bootstrap 一致外观与感受，但通过 Facebook 的 React.js 框架获得更清爽的代码。最流行的前端架构，为 React 而重构。 中文文档 | github地址 [图片] 5. BFD UI 企业级 React 组件库。 中文文档 | github地址 [图片] 6. Amaze UI React Amaze UI React 基于 React.js（[代码]v0.14+[代码]）开发的Web 组件库，如果你没有使用过 React，请先访问 React 官网学习。 中文文档 | github地址 [图片] 7. React UI React组件库，样式基于bootstrap 4.0。 中文文档 | github地址 [图片] 8. RSUITE 一套 React 的 UI 组件库。 中文文档 | github地址 | 在线预览 [图片] 9. Elemental UI 用于React.js网站和应用程序的UI组件库。 在线文档 | github地址 [图片] 10. reactstrap 易于使用的React Bootstrap 4组件。 在线文档 | github地址 [图片] 相关文章 React 移动端框架 别走，还有后续呐······ 如果小伙伴们有比较好的PC端框架，欢迎在评论区留言砸场，我会持续更新在简书上，谢谢你的贡献。
2019-03-30 - Vue 移动端框架
1. vonic vonic 一个基于 vue.js 和 ionic 样式的 UI 框架，用于快速构建移动端单页应用，很简约。 中文文档 | github地址 | 在线预览 [图片] 2. vux vux 基于WeUI和Vue(2.x)开发的移动端UI组件库。基于webpack+vue-loader+vux可以快速开发移动端页面，配合vux-loader方便你在WeUI的基础上定制需要的样式。小编在开发微信公众号的时候使用过，欢迎来评论区吐槽。 中文文档 | github地址 | 在线预览 [图片] 3. Mint UI Mint UI 由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库。 中文文档 | github地址 | 在线预览 [图片] 4. Muse-UI 基于 Vue 2.0 和 Material Design 的 UI 组件库 中文文档 | github地址 [图片] 5. Vant 是有赞前端团队基于有赞统一的规范实现的 Vue 组件库，提供了一整套 UI 基础组件和业务组件。 中文文档 | github地址 | 在线预览 [图片] 6. Cube-UI 滴滴 WebApp 团队 实现的 基于 Vue.js 实现的精致移动端组件库 中文文档 | github地址 | 在线预览 [图片] 7. vue-ydui Vue-ydui 是 YDUI Touch 的一个Vue2.x实现版本，专为移动端打造，在追求完美视觉体验的同时也保证了其性能高效。目前由个人维护。 中文文档 | github地址 | 在线预览 [图片] 8. Mand-Mobile 面向金融场景的Vue移动端UI组件库，丰富、灵活、实用，快速搭建优质的金融类产品。 中文文档 | github地址 | 在线预览 [图片] 9. v-charts 在使用 echarts 生成图表时，经常需要做繁琐的数据类型转化、修改复杂的配置项，v-charts 的出现正是为了解决这个痛点。基于 Vue2.0 和 echarts 封装的 v-charts 图表组件，只需要统一提供一种对前后端都友好的数据格式设置简单的配置项，便可轻松生成常见的图表。特别感谢 @书简_yu 的贡献。 中文文档 | github地址 | 在线预览 [图片] 10. Vue Carbon Vue Carbon 是基于 vue 开发的material design ui 库。 中文文档 | github地址 | 在线预览 [图片] 11. Quasar Quasar（发音为/kweɪ.zɑɹ/)是MIT许可的开源框架（基于Vue），允许开发人员编写一次代码，然后使用相同的代码库同时部署为网站、PWA、Mobile App和Electron App。使用最先进的CLI设计应用程序，并提供精心编写，速度非常快的Quasar Web组件。 中文文档 | github地址 [图片] 12. Vue-recyclerview 使用vue-recyclerview掌握大型列表。 github地址 | 在线预览 [图片] 13. Vue.js modal 易于使用，高度可定制，移动友好的Vue.js 2.0+ modal。 在线文档 | github地址 | 在线预览 [图片] 14. Vue Baidu Map Vue Baidu Map是基于Vue 2.x的百度地图组件。 中文文档 | github地址 | 在线预览 [图片] 15. Onsen UI 将Vue.js的强大功能和简单性带入混合和渐进式Web应用程序。 在线文档 | github地址 | 在线预览 [图片] 相关文章 Vue PC端框架 别走，还有后续呐······ 如果小伙伴们有比较好的移动端框架，欢迎在评论区留言砸场，我会持续更新在简书上，谢谢你的贡献。
2019-03-26 - Vue PC端框架
1. Element Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 中文文档 | github地址 [图片] 2. iView 一套基于 Vue.js 的高质量UI 组件库 中文文档 | github地址 [图片] 3. vue-element-admin vue-element-admin是基于 Vue2.0，配合使用 Element UI 组件库的一个前端管理后台集成解决方案。它使用了最新的前端技术栈，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。 中文文档 | github地址 [图片] 4. Vue Material 通过Vue Material和Vue 2.0建立精美的app应用 中文文档 | github地址 [图片] 5. VueStrap 基于 Vue.js 构建的 Bootstrap 组件。该仓库包含一系列基于 Bootstrap 标记和 CSS 的本地 Vue.js 组件。所以不需要 jQuery 和 Bootstrap 的 JavaScript 文件，唯一需要依赖的是: Vue.js (要求版本为 ^0.12，基于 0.12.10 版本做的测试) Bootstrap CSS (需要版本为 3.x.x， 基于 3.3.5 版本做的测试)。 VueStrap 不依赖某个非常精确的 Bootstrap 版本。 在线文档 | github地址 [图片] 6. Keen UI 由Vue编写的基本UI组件的轻量级集合，并受Material Design的启发。 在线文档 | github地址 [图片] 7. Radon UI 一个帮助你快速开发产品的Vue组件库，简洁好用，效率高，让你摆脱各种定制化的烦恼。 中文文档 | github地址 [图片] 8. N3-components N3组件库是基于Vue.js构建的，让前端工程师和全栈工程师能快速构建页面和应用。致力于构建良好的Vue开发者生态圈，提供良好的开发体验。 在线文档 | github地址 [图片] 9. Muse-UI 基于 Vue 2.0 优雅的 Material Design UI 组件库 中文文档 | github地址 [图片] 10. Vue Antd 这里是 Ant Design 的 Vue 实现，开发和服务于企业级后台产品。 中文文档 | github地址 [图片] 11. Vuetify Vuetify是一个渐进式的框架，试图推动前端开发发展到一个新的水平。Vuetify 支持SSR（服务端渲染），SPA（单页应用程序），PWA（渐进式Web应用程序）和标准HTML页面。 中文文档 | github地址 [图片] 12. Buefy Buefy 基于 Bulma 和 Vue.js 的轻量级UI组件，它提供了即装即用的轻量级组件。 在线文档 | github地址 [图片] 13. Vue Beauty 基于 ant design 的漂亮的 vue 组件库；vue-beauty 是一套基于 vue.js 和 ant-design样式 的PC端 UI 组件库，旨在帮助开发者提升产品体验和开发效率、降低维护成本。 在线文档 | github地址 [图片] 14. AT UI AT UI 是一款基于 Vue.js 2.0 的前端 UI 组件库，主要用于快速开发 PC 网站中后台产品。AT-UI提供了一套 npm + webpack + babel 前端开发工作流程。小编非常喜欢的UI风格。 中文文档 | github地址 [图片] 15. Vue-Blu Vue-Blu是基于Vuejs和Bulma开发的开源UI组件库。旨在为PC端的前端开发(特别是中后台产品)提供一个快速且灵活的解决方案。 中文文档 | github地址 [图片] 16. D2Admin D2Admin是一个完全 开源免费 的企业中后台产品前端集成方案，使用最新的前端技术栈，已经做好大部分项目前期准备工作，并且带有大量示例代码，助力管理系统敏捷开发。特别感谢 tanyf 的贡献。 中文文档 | github地址 | 预览地址 [图片] 17. Best Resume Ever Best Resume Ever 是一个帮助你快速生成漂亮简历的工具，它基于 Vue 和 LESS，生成的简历可导出为 PDF 格式。 中文文档 | github地址 | 预览地址 [图片] 18. Quasar Quasar（发音为/kweɪ.zɑɹ/)是MIT许可的开源框架（基于Vue），允许开发人员编写一次代码，然后使用相同的代码库同时部署为网站、PWA、Mobile App和Electron App。使用最先进的CLI设计应用程序，并提供精心编写，速度非常快的Quasar Web组件。 中文文档 | github地址 [图片] 19. Vue Baidu Map Vue Baidu Map是基于Vue 2.x的百度地图组件。 中文文档 | github地址 | 在线预览 [图片] 20. vue-admin-beautiful vue-admin-beautiful是github开源admin中最优秀的集成框架之一，它是国内首个基于vue3.0的开源admin项目，同时支持电脑，手机，平板，默认分支使用vue3.x+antdv开发，master分支使用的是vue2.x+element开发。开箱即用，非常方便。 github地址 | 在线预览 [图片] 相关文章 Vue 移动端框架 别走，还有后续呐······ 如果小伙伴们有比较好的PC端框架，欢迎在评论区留言砸场，我会持续更新在简书上，谢谢你的贡献。
2020-10-18 - grain足迹
练手小程序
2018-12-21