来自京东用户体验设计部(JDC)前端开发部的移动端 Vue 组件库,主要开发和服务于移动Web界面的企业级前中后台产品。
2021-04-18 更新: NutUI 3.0 – 京东出品的轻量免费开源 Vue 组件库迎来了全新版本更新
介绍
NutUI 1.0 版本于 2018 年发布,是一套来自京东用户体验设计部(JDC)前端开发部的移动端 Vue 组件库。近期,全新版本的 NutUI JDL 发布了,定位京东风格的移动端精品组件库,并不是 NutUI 的简单升级版。NutUI JDL 是我比较中意的一款,大量小巧漂亮的动画让我爱不释手。
特点
- 全新的架构
- 50+ 高质量组件
- 40+ 京东移动端项目正在使用
- 视觉风格为京东APP 7.0 视觉规范
- 支持按需加载,减少打包体积
- 官网有详尽的文档和代码示例
- 支持按设计需求定制颜色主题
- 支持多语言(国际化)
使用体验
NutUI 的组件在开发时参考了京东 APP 7.0 视觉规范,统一了视觉风格,很适合用于开发商城类的项目,通过设置样式变量的值,可轻而易举的实现组件换肤。
最近又发布了 NutUI-JDL ,是基于京东物流风格样式的更轻量的移动端组件库,相比京东App风格的 NutUI ,我觉得更轻量简洁,更好看了。
NutUI 组件丰富,可以满足移动端大多数场景的需求。布局组件包括:列表项Cell,和Flex布局,Cell列表项,可以组成列表,是最基本的竖向布局。甚至还有与商城业务相关的轮盘抽奖组件luckdraw,可以设置奖品列表、转动次数、奖品样式等,简直为商城而生。
作为一个移动端的 vue 组件库,特性丰富,组件质量高,轻量且支持按需引用,无论是产品前台,还是中后台的界面,均可以使用 NutUI 进行高效快速的开发。
目前来看,项目十分活跃,非常值得关注。
免费使用说明
NutUI 以及 NutUI-JDL 都已经在github上基于 MIT 协议开源了,人人都可以自由下载学习和免费使用。