UI组件库整理
Posted on: 2022年12月1日 at 18:27 
Vue3
| 名称 | 平台 | 所属 | 备注 |
|---|---|---|---|
| Element Plus | PC | 饿了么 | PC 端首选 |
| Vant | Mobile | 有赞 | 移动端首选 |
| TDesign | PC | Tencent | |
| TDesign | Mobile | Tencent | Beta |
| Naive UI | PC | TuSimple | |
| Arco Design | PC | 字节跳动 | |
| View UI Plus | PC | View Design | |
| Varlet | Mobile | 社区（varletjs） | Material 风格 |
| Quasar | Mobile | Quasar | Material 风格，功能强大复杂 |
| Ant Design | PC | 社区 | |
| ionic | Mobile | ionic | ios/Material 两种风格 |
| NutUI | Mobile | 京东 | 京东风格 |
| Vuetify | Mobile | Vuetify | Material 风格(beta 版本) |
| iDux | PC | iDux | 企业级 |
| Vue DevUI | PC | DevCloudFE |
React
| 名称 | 平台 | 所属 | 备注 |
|---|---|---|---|
| Ant Design | PC | 蚂蚁集团 | PC 端首选 |
| Ant Design | Mobile | 蚂蚁集团 | |
| TDesign | PC | Tencent | |
| TDesign | Mobile | Tencent | Alpha |
| Element-React | PC | 社区 | |
| Vant | Mobile | 社区 | |
| Arco Design | PC | 字节跳动 | |
| Arco Design | Mobile | 字节跳动 | |
| Material UI | Mobile | Material UI SAS | Material 风格 |
| Fluent UI | PC | 微软 | |
| React Bootstrap | PC | 社区(react-bootstrap) | bootstrap 风格 |
| ionic | Mobile | ionic | ios/Material 两种风格 |
| WeUI | Mobile | Tencent | 微信风格 |
| NextUI | PC | 个人 | nextjs 风格 |
| Primer React | PC | Github | Github 风格 |
| React DevUI | PC | DevCloudFE |
Vue2
| 名称 | 平台 | 所属 | 备注 |
|---|---|---|---|
| Element | PC | 饿了么 | PC 端首选 |
| Vant | Mobile | 有赞 | 移动端首选 |
| TDesign | PC | Tencent | |
| Cube UI | Mobile | 滴滴出行 | |
| VUX | Mobile | 个人 | |
| View UI | PC | View Design | |
| Mint UI | Mobile | 社区（mint-ui） | |
| Muse UI | Mobile | Muse UI | Material 风格 |
| DataV | PC | DataV | 用于大屏数据展示 |
| Ant Design | PC | 社区 | |
| VONIC | Mobile | 个人 | ionic 风格 |
| Vuetify | Mobile | Vuetify | Material 风格 |
Angular
| 名称 | 平台 | 备注 |
|---|---|---|
| Element-Angular | PC | |
| Ant Design | PC | |
| ionic | Mobile | ios/Material 两种风格 |
| DevUI | PC |
Flutter
| 名称 | 平台 | 所属 | 备注 |
|---|---|---|---|
| Material Design | Mobile | Flutter 官方组件库 | |
| Flukit | Mobile | flutterchina |
Web Component
| 名称 | 平台 | 所属 | 备注 |
|---|---|---|---|
| Material Design | Mobile | preview 版本 |
Uniapp
| 名称 | Vue 版本 | 备注 |
|---|---|---|
| uni-ui | ✅Vue2 ✅Vue3 | |
| ThorUI | ✅Vue2 ✅Vue3 | |
| uView | ✅Vue2 ❎Vue3 | |
| TMUI | ❎Vue2 ✅Vue3 | TypeScript |
| tm-vuetify | ✅Vue2 ❎Vue3 | TMUI 的 vue2 版本 |
| FirstUI | ❎Vue2 ✅Vue3 | 许多组件收费 |
微信小程序
| 名称 | 备注 |
|---|---|
| Vant | |
| ThorUI | V1.4.2 后续版本收费 |
| WeUI | 微信风格 预览 |
| TDesign | Tencnet |
CSS
| 名称 | 平台 | 所属 | 备注 |
|---|---|---|---|
| Bootstrap | PC | Bootstrap | 经典 |
| WeUI | Mobile | Tencent | 微信风格预览 |
| FrozenUI | Mobile | FrozenUI | QQ 风格 |
| MDUI | Mobile | 个人 | Material 风格 |
| Primer | PC | Github | Github 风格 |
| FAST | PC | 微软 | |
| MUI | Mobile | 社区(muicss) | Material 风格 |
| ColorUI | Mobile | 个人 | 偏 Uniapp |
| UIkit | PC | 社区(uikie) | |
| layui | PC | layui | 清新 |
| Materialize | Mobile | 个人 | Material 风格 |
| Foundation | PC | Foundation | Bootstrap 风格 |
| Semantic UI | PC | Semantic | |
| 拼图 | PC | 个人 |
其他
| 名称 | 平台 | 所属 | 备注 |
|---|---|---|---|
| Vant | 支付宝小程序 | 社区 | |
| TDesign | QQ 小程序 | Tencnet | Alpha |