NutUI – 京东出品的适合快速开发商城类h5、小程序的UI组件库

大家好，欢迎来到IT知识分享网。

来自京东用户体验设计部（JDC）前端开发部的移动端 Vue 组件库，主要开发和服务于移动Web界面的企业级前中后台产品。

介绍

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 协议开源了，人人都可以自由下载学习和免费使用。

官网网站

https://nutui.jd.com/

关注我，持续更新设计、前端圈免费开源、可商用资源。