NutUI - 由京东出品,适合快速开发商城类h5、小程序的移动端 UI 组件库

来自京东用户体验设计部(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,可以设置奖品列表、转动次数、奖品样式等,简直为商城而生。

部分UI组件截图

作为一个移动端的 vue 组件库,特性丰富,组件质量高,轻量且支持按需引用,无论是产品前台,还是中后台的界面,均可以使用 NutUI 进行高效快速的开发。

目前来看,项目十分活跃,非常值得关注。

免费使用说明

NutUI 以及 NutUI-JDL 都已经在github上基于 MIT 协议开源了,人人都可以自由下载学习和免费使用。