移动端UI框架
1- Flutter
- Flutter 是谷歌的移动端 UI 框架,可在极短的时间内构建 Android 和 iOS 上高质量的原生级应用。 Flutter 可与现有代码一块儿工做, 它被世界各地的开发者和组织使用, 而且 Flutter 是免费和开源的.
2- Mint UI
- 地址: 点击打开连接 ( gitHub 14.4k )
- Mint UI是 饿了么团队开发基于vue .js的移动端UI框架,它包含丰富的 CSS 和 JS 组件,可以知足平常的移动端开发须要。
3- cube-ui
- 滴滴 WebApp 团队 实现的 基于 Vue.js 实现的精致移动端组件库
4- WeUI
- WeUI 和 FrozenUI 都属于比较专注的框架,WeUI 比 FrozenUI 更专注,话说连个官网都不搞,全部答疑都在 gitHub Issues 解决了,这个框架极其简单,体积固然就不用说了,模块也就 7 个左右
5- Mui
6- amaze UI
- Amaze UI 是「基于社区开源项目构建的一个跨屏前端框架,以移动优先,从小屏到大屏,最终实现全部屏幕适配,适应移动互联潮流」。但其实我就是看中它能解决国内浏览器存在的跨屏适配和兼容性问题。
7- ionic
- ionic 是一个强大的 HTML5 应用程序开发框架(HTML5 Hybrid Mobile App Framework )。 能够帮助您使用 Web 技术,好比 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。
8- AUI
- AUI是为APICloud而打造的一个单纯UI框架,体积小,方便用户扩展和自由组合,摆脱繁琐的html标签布局。
9- Frozen UI
- 这套框架开源,欣喜若狂耐不住内心的寂寞直接上手试了一遍,初体验感受基础样式效果简单色调清爽,有个比较活跃的社区因此组件什么的也比较丰富。
10- SUI
- 「SUI 是一套基于 bootstrap 开发的前端组件库,同时它也是一套设计规范。经过 SUI,能够很是方便的设计和实现精美的页面」。果真仍是直接引用官方给的枯燥无味广告要节省本身的脑细胞 (囧…),固然了就像广告说的,若是你以前用过 Bootstrap,那么能够轻松转向 SUI,这可能就是淘宝给前端屌丝们的福利了。
11-
- 一只注重审美,且性能高效的移动端&微信UI。采用 flexbox 布局,因低版本安卓及部分特殊浏览器不兼容flex-basis、flex-wrap、inline-flex属性,YDUI 将采起其余解决方案
- 基于jQuery,zepto
pc端UI框架
1- ElementUI
- 地址: 点击打开连接 ( gitHub 38.2k )
- Element是饿了么前端开源维护的Vue UI组件库,组件齐全,基本涵盖后台所需的全部组件
2- bootstrap
- 地址: 点击打开连接 ( gitHub 134k )
- 描述:简洁、直观、强悍的前端开发框架,让web开发更迅速、简单, 响应式布局首选。
3- iView UI
- 地址: 点击打开连接 ( gitHub 21.6k )
- iview ui是一个强大的ui库基于vue,有不少实用的基础组件比elementui的组件更丰富,主要服务于 PC 界面的中后台产品。
4- at-ui
-
- at-ui 是一款阿里团队建立的基于 Vue 2.x 的前端 UI 组件库,主要用于快速开发 PC 网站产品。
5- Pure
- 地址: 点击打开连接 ( gitHub 19.9k )
- 描述: 美国雅虎公司出品的一组轻量级、响应式纯css模块,适用于任何Web项目。
6- EasyUI
- 地址: 点击打开连接
- 描述:easyui是一种基于jQuery的用户界面插件集合。适用于各大流行框架(vue, react, angular, mobile)
1. easyui为建立现代化,互动,JavaScript应用程序,提供必要的功能。
2. 使用easyui你不须要写不少代码,你只须要经过编写一些简单HTML标记,就能够定义用户界面。
3. easyui是个完美支持Html5网页的完整框架。
4. easyui节省您网页开发的时间和规模。
5. easyui很简单但功能强大的。
复制代码
7- Ant Design
- 地址: 点击打开连接 ( gitHub 47.3k )
- 描述:一个 UI 设计语言,一套提炼和应用于企业级后台产品的交互语言和视觉体系
8- layui
- 地址: 点击打开连接 ( gitHub 18.3k )
- layui是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用
前端框架
CSS库
Normalize.css
- 地址: 点击打开连接 ( gitHub 35.2K )
- 描述:
1. Normalize.css 保护了有价值的默认值
2. Normalize.css 修复了浏览器的bug
3. Normalize.css 不会让你的调试工具变的杂乱
4. Normalize.css 是模块化的
5. Normalize.css 拥有详细的文档
复制代码
可视化
Echarts
- 描述:ECharts,一个纯 Javascript 的图表库,能够流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的 Canvas 类库ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。
前端构建工具
博客搭建
- 技术组合
- HEXO+Github,搭建属于本身的博客。
- 站点:点击打开连接
- HEXO介绍:Hexo是一个开源的静态博客生成器,用node.js开发,做者是台湾大学生tommy351 准备:git + node.js + markdown编辑 + gitcafe + 域名