前端好用的框架及工具

Taro UI

---

介绍

Taro UI 是一款基于 Taro 框架开发的多端 UI 组件库。
Taro 是由 京东·凹凸实验室 倾力打造的多端开发解决方案。现如今市面上端的形态多种多样，Web、ReactNative、微信小程序等各种端大行其道，当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高，这时候只编写一套代码就能够适配到多端的能力就显得极为需要。
使用 Taro，我们可以只书写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同端（微信小程序、H5、RN等）运行的代码。

特性

• 基于 Taro 开发 UI 组件
• 一套组件可以在 微信小程序，H5，ReactNative 等多端适配运行
• 提供友好的 API，可灵活的使用组件

开发者：京东

VUX

---

介绍

VUX（读音 [v’ju:z]，同 views）是基于WeUI和Vue(2.x)开发的移动端UI组件库，主要服务于微信页面。
基于webpack + vue-loader + vux可以快速开发移动端页面，配合vux-loader方便你在WeUI的基础上定制需要的样式。
vux-loader保证了组件按需使用，因此不用担心最终打包了整个vux的组件库代码。
VUX并不完全依赖于WeUI，VUX 在 WeUI 的基础上扩展了多个常用组件，但是尽量保持整体UI样式接近WeUI的设计规范。

个人开发者

Vant Weapp

---

介绍

Vant Weapp 是有赞移动端组件库 Vant 的 小程序 版本，两者基于相同的视觉规范，提供一致的 API 接口，助力开发者快速搭建小程序应用。

开发者：有赞

Vant

---

介绍

轻量、可靠的移动端 Vue 组件库

特性

• 50+ 个经过有赞线上业务检验的组件
• 单元测试覆盖率超过 90%
• 完善的文档和示例
• 支持 babel-plugin-import
• 支持 TypeScript
• 支持 SSR

开发者：有赞

Cube UI

---

介绍

基于 Vue.js 实现的精致移动端组件库

特性

• 由滴滴内部组件库精简提炼而来，历经考验，并且每个组件都有充分单元测试，为后续集成提供保障。
• 以迅速响应、动画流畅、接近原生为目标，在交互体验方面追求极致。
• 完善的文档和示例
• 遵循统一的设计交互标准，高度还原设计效果；接口标准化，统一规范使用方式，开发更加简单高效。
• 支持按需引入和后编译，轻量灵活；扩展性强，可以方便地基于现有组件实现二次开发。

开发者：滴滴

Element

---

介绍

网站快速成型工具
Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库

开发者：饿了没

D2 Admin

---

介绍

优雅的管理系统前端集成方案

• ElementUI组件库
  集成完善且强大的 ElementUI，随意搭配使用任何 ElementUI 组件。
• 模块化全局状态管理
  D2Admin 的系统管理为独立模块，在此模块内根据功能划分为十几个模块，每个模块都分工明确。
• 丰富集成
  已经为你准备好了很可能用到的插件和组件，专为 D2Admin 设计，或者来自第三方。
• 贴心小工具
  为您准备了实用的 JavaScript Util 以及 CSS 常用类。

开发者：FairyEver

Mint UI

---

介绍

基于 Vue.js 的移动端组件库

特性

• Mint UI 包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。通过它，可以快速构建出风格统一的页面，提升开发效率。
• 真正意义上的按需加载组件。可以只加载声明过的组件及其样式文件，无需再纠结文件体积过大。
• 考虑到移动端的性能门槛，Mint UI 采用 CSS3 处理各种动效，避免浏览器进行不必要的重绘和重排，从而使用户获得流畅顺滑的体验。
• 依托 Vue.js 高效的组件化方案，Mint UI 做到了轻量化。即使全部引入，压缩后的文件体积也仅有 ~30kb (JS + CSS) gzip。

开发者：饿了没

iView

---

介绍

一套基于 Vue.js 的高质量 UI 组件库
只能用于pc端

开发者：Aresn

iView Weapp

---

一套高质量的 微信小程序 UI 组件库

开发者：Aresn

Layui

---

经典模块化前端框架
由职业前端倾情打造，面向所有层次的前后端开发者，零门槛开箱即用的前端UI解决方案

开发者：言心

jQuery WeUI

---

介绍

jQuery WeUI 是专为微信公众账号开发而设计的一个简洁而强大的UI库，包含全部WeUI官方的CSS组件，并且额外提供了大量的拓展组件，丰富的组件库可以极大减少前端开发时间。

jQuery WeUI 的最大特点是它只提供UI组件，并不会对项目所使用的框架和其他库有任何的限制，几乎可以在任何环境下使用。无论你的项目是基于jQuery，还是 React, Angular, Vue， 你都会发现 jQuery WeUI 能非常方便的和他们结合使用。既是你的项目是一个有很悠久历史的老项目，也几乎可以做到拿来即用。

jQuery WeUI 提供了总共30+ 个非常实用的组件：列表，表单，卡片，对话框，下拉刷新等。

开发者：言川

Ant Design

---

介绍

服务于企业级产品的设计体系，基于确定和自然的设计价值观上的模块化解决方案，让设计者和开发者专注于更好的用户体验。
基于 Ant Design 设计语言，我们提供了一套开箱即用的高质量 React 组件，用于开发和服务于企业级中后台产品，除官方的 React 实现，还有 Angular、Vue 的实现

开发者：蚂蚁金服

ANT DESIGN PRO

---

介绍

开箱即用的中台前端/设计解决方案

开发者：蚂蚁金服

Ant Design Mobile

---

介绍

一个基于 Preact / React / React Native 的 UI 组件库

开发者：蚂蚁金服

---

工具

推妹子

---

介绍

最养眼的前端占位图