Mobile e-commerce business component library based on NutUI-React.
简体中文 | English
- 🚀 20+ High Quality Components
- 📖 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
npm i @nutui/nutui-biz
import * as React from "react";
import * as ReactDOM from "react-dom";
import '@nutui/nutui-biz/dist/style.css'
import { Sku } from '@nutui/nutui-biz';
ReactDOM.render(
<div className="App">
<Sku />
</div>,
document.getElementById("app")
);
NutUI provides several sets of official themes from actual business inside JD.com. If they don't meet your needs, you can use Online Theme Editor.
- JD APP 10.0 Design (Vue3, default)
- JDT Design (Vue3)
- JD ToB Mall Design (Vue3)
- JD Enterprise Business Design (Vue3)
- JDL Design (Vue2)
@nutui/nutui
and@nutui/nutui-taro
are parallel versions with some differences. The version numbers are always the same. If you need compatibility with versions below iOS 10, please use@nutui/nutui@2
.
NutUI 2x
andNutUI-JDL
are built with Vue2 which support modern browsers, Android >= 4.0, iOS >= 8.0 and only for H5.NutUI 3x
is built with Vue3 which supports modern browsers, Chrome >= 51 and iOS >= 10.0. You can use it to develop both H5 and mini-programs.
If you are using AMD environment or build tools such as Webpack, Vite, etc., we recommend using the
es
version. If it is a non-module environment (such as direct reference through the<script>
tag), it is recommended to use theumd
compressed version.
-
es nutui.es.js
-
umd nutui.umd.js
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 Biz | Reply 'NutUI-Biz' after following | 1025679314 |
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.