当下流行的UI框架

3,497 阅读5分钟

移动端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

  • 最接近原生APP体验的高性能前端框架

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

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 + 域名