JD-style mobile UI components based on Vue2 & Vue3 that support users to develop H5 and mini-programs.
Nut[nʌt]: the one Squirrel Scrat pursues resolutely for a lifetime and will never let go even if it causes a catastrophe from the animated film Ice Age.
简体中文 | English
- 🚀 70+ High Quality Components
- 💪 Write Once, Multi-End Use
- 📖 Based on JD APP 10.0 Visual Specifications
- 🍭 Support Tree Shaking
- 📖 Extensive Documentation and Demos
- 💪 Written in TypeScript
- 💪 Support SSR (Experimental)
- 🍭 Support Custom Themes with 700+ Style Variables
- 🌍 Support i18n
- 🍭 80%+ Unit Test Coverage
- 📖 Provide Sketch Design Resources
Site: nutui.jd.com
@nutui/nutui: Mobile H5 Components
@nutui/nutui-taro: Taro Mini Programs(weapp, alipay, jd...) & Taro-H5
// H5
npm i @nutui/nutui// Taro Mini Programs
npm i @nutui/nutui-taroimport { createApp } from "vue"
import App from "./App.vue"
import NutUI from "@nutui/nutui"
import "@nutui/nutui/dist/style.css"
createApp(App).use(NutUI).mount("#app")NutUI provides several sets of official themes from actual business inside JD.com. If they don't meet your needs, you can use ConfigProvider.
- JD APP 10.0 Design (Vue3, default)
- JD ToB Mall Design (Vue3)
- JD Enterprise Business Design (Vue3)
- JDT Design (Vue3, NutUI3.0)
- JDL Design (Vue2, NutUI4.0)
NutUI has been used in our production environment, and widely used in the industry for cross-platform development.
We are collecting more excellent cases, please click here to submit.
| Version | WeChat Group | JD Dongdong Group |
|---|---|---|
| NutUI Vue |  Reply 'NutUI' after following |
82957939 |
| NutUI x Taro | 1022545110 |
There are some choices of contributing to NutUI as follows, solving issues, fixing bugs, adding new components, i18n, UI customization, platform and cross-end adaptation, etc.
You are very welcome to contribute code to NutUI. Before your pull requests, please read NutUI Developer Contributing Guide.
It is highly recommended to read How To Ask Questions The Smart Way, How To Ask Questions Of GitHub Community and How to Report Bugs Effectively, then you can get understanding and help more easily.
If you have any ideas, questions or suggestions, you can share your opinions here.
Thanks to all the following developers who have contributed code to NutUI.
NutUI follows Angular Style Commit Message Conventions. The up-to-date release notes are available on Release.
