[Open Source] A JD-style mobile Vue2&3 component library built with Vite (supports mini-programs)
![[Open Source] A JD-style mobile Vue2&3 component library built with Vite (supports mini-programs)](https://yy123.ink/api/img/1782607266714-m18w3i.jpg)
1. Project Overview

A lightweight Vue component library featuring JD.com-style design, supporting mobile H5 and Mini Program development.
Nut [nʌt] takes its name from the squirrel Scrat in the movie Ice Age, who is "obsessed" with a nut and pursues it throughout his life, never letting go even when it causes catastrophic disasters.
2. Open Source License
Licensed under MIT
3. Screenshots



4. Feature Overview
Features
-
70+ high-quality components covering mainstream mobile use cases
-
Supports developing H5 and multi-platform mini-programs simultaneously with a single codebase
-
Based on the JD App 10.0 visual design guidelines
-
Supports on-demand imports
-
Comprehensive documentation and examples
-
Supports TypeScript
-
Supports server-side rendering (testing phase)
-
Supports component-level theme customization with 700+ built-in variables
-
Internationalization support, currently available in English, Indonesian, and Traditional Chinese
-
Over 80% unit test coverage to ensure stability
-
Provides Sketch design resources
5. Tech Stack
A JD-style mobile Vue2 and Vue3 component library built with Vite (supports mini-program development).
@nutui/nutui
Suitable for mobile H5 page development
@nutui/nutui-taro
Supports developing Taro multi-platform mini-programs (WeChat, Alipay, JD, and other mini-programs) and Taro-H5 projects
Official Ecosystem
The following projects are maintained by the official NutUI team:
|
Project |
Description |
|
@nutui/nutui |
NutUI mobile H5 version |
|
@nutui/nutui-taro |
NutUI Taro multi-platform version |
|
@nutui/icons-vue |
Icon library used by @nutui/nutui |
|
@nutui/icons-vue-taro |
Icon library used by @nutui/nutui-taro |
|
@nutui/touch-emulator |
Utility library for using NutUI on desktop |
|
@nutui/auto-import-resolver |
Resolver configuration for the unplugin-auto-import plugin |
|
@nutui/playground |
NutUI Online Playground |
|
nutui-demo |
Collection of official NutUI examples |
Community Ecosystem
The following projects are maintained by the community:
|
Project |
Description |
|
nutui-uniapp |
uni-app component library developed based on NutUI 4.x |
|
jwaterwater/uni-nutui |
uni-app component library developed based on NutUI 3.x |
Taro is an open-source cross-platform and cross-framework solution developed by JD's AOTU Lab.
Taro supports using frameworks such as React, Vue, and Nerv to develop applications for WeChat / JD / Baidu / Alipay / ByteDance / QQ Mini Programs / H5.
Nowadays, the market offers a wide variety of platforms, including Web, React Native, and WeChat Mini Programs. When business requirements demand support across multiple platforms simultaneously, maintaining separate codebases for each platform is obviously costly. In such cases, the ability to write a single codebase that adapts to multiple platforms becomes essential.