Awesome
<p align="center"> <img alt="logo" src="https://img11.360buyimg.com/imagetools/jfs/t1/211965/25/7152/22022/61b16785E433119bb/aa41d7a9f7e823f3.png" width="150" style="margin-bottom: 10px;"> </p> <p align="center">JD-style mobile UI components based on React that support users to develop H5 and mini-programs.</p> <p align="center"> <a href="http://makeapullrequest.com"> <img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square" alt="PRs Welcome" /> </a> <a href="https://github.com/jdf2e/nutui-react"> <img src="https://img.shields.io/npm/l/@nutui/nutui-react.svg" alt="license"/> </a> <a href="https://www.npmjs.com/package/@nutui/nutui-react"> <img src="https://img.shields.io/npm/v/@nutui/nutui-react.svg?style=flat-square"> </a> <a href="https://www.npmjs.com/package/@nutui/nutui-react"> <img src="https://img.shields.io/npm/dt/@nutui/nutui-react.svg?style=flat-square"> </a> <a href="https://github.com/jdf2e/nutui-react"> <img src="https://img.shields.io/github/contributors/jdf2e/nutui-react" alt="GitHub contributors"> </a> <a href="https://github.com/jdf2e/nutui-react"> <img src="https://img.shields.io/github/release-date/jdf2e/nutui-react" alt="GitHub Release Date"> </a> <a href="https://github.com/jdf2e/nutui-react"> <img src="https://img.shields.io/github/commit-activity/w/jdf2e/nutui-react" alt="GitHub commit activity"> </a> </p> <p align='center'> <img src="https://img12.360buyimg.com/imagetools/jfs/t1/202336/18/18586/7437/61b832ccE0b13d53d/18605da7232a5a0e.png" height="180" alt="NutUI-React" /> <img src="https://img13.360buyimg.com/imagetools/jfs/t1/102323/22/33163/27773/632a7855E75c9fa02/8c351778f47d24f5.jpg" width="200" alt="NutUI-React" /> </p>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
Features
- 🚀 70+ High Quality Components
- 📖 Based on JD APP 11.0 Visual Specifications
- 🍭 Support Tree Shaking
- 📖 Extensive Documentation and Demos
- 💪 Written in TypeScript
- 💪 Support SSR (Experimental)
- 🍭 Support Custom Themes
- 🍭 90%+ Unit Test Coverage
- 📖 Provide Sketch Design Resources
Running locally
running with H5
# Clone repository
git clone https://github.com/jdf2e/nutui-react.git
# Enter the project dictionary
cd nutui-react
# Install dependencies
npm install
# Start development
npm run dev
# visit in browser: http：http://localhost:3000 (you don't have to open it manually if you've run it in the browser again)
running with mini-program
# Clone repository
git clone https://github.com/jdf2e/nutui-react.git
# Enter the project dictionary
cd nutui-react
# Install dependencies
npm install
# Start development
# dir：src/sites/mobile-taro/dist/weapp
npm run dev:taro:weapp
# OR run as jd mini-program
# dir：src/sites/mobile-taro/dist/jd
npm run dev:taro:jd
Build Versions
If you are using AMD environment or build tools such as Webpack, Vite, etc., we recommend using the
esversion. If it is a non-module environment (such as direct reference through the<script>tag), it is recommended to use theumdcompressed version.
-
es nutui.es.js
-
umd nutui.umd.js
Links
<ul> <li> <a href="https://github.com/jdf2e/nutui-react/discussions"> Discussions (vote with 👍) </a> </li> <li> <a href="https://github.com/jdf2e/nutui-react/issues?q=is%3Aissue+is%3Aopen+label%3A%22help+wanted%22"> Feature Requests (vote with 👍) </a> </li> <li> <a href="https://github.com/jdf2e/nutui-react/labels/bug%203.0"> Bugs (vote with 👍) </a> </li> <li> <a href="https://github.com/jdf2e/nutui-react/issues?q=is%3Aissue+is%3Aopen+label%3Aquestion"> Question (vote with 👍) </a> </li> </ul>Communication
| Version | WeChat Group | JD Dongdong Group |
|---|---|---|
| NutUI React | <img src="https://storage.360buyimg.com/imgtools/17c67beff6-4acf07c0-609c-11ed-a6ef-69df15b605e4.png" width="100" /> Reply 「NutUI-React」 after following | 1025679314 |
| NutUI x Taro | <img src="https://camo.githubusercontent.com/db4276b4ee4b443158195e943e9e678cb4d2afb7580f70d4d817ef0a90413aec/687474703a2f2f73746f726167652e333630627579696d672e636f6d2f7461726f2d6a642d636f6d2f7374617469632f636f6e746163745f7461726f5f6e757475695f71722e706e67" width="100" />Reply 「NutUI-React」 after following | 1022545110 |
Join Us
NutUI Community
Welcome To NutUI-React Community
Contribute to NutUI
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。
Issue & Discussion
It is highly recommended to read [How To Ask Questions The Smart Way](https://github.com/ryanhanwu/, 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.
Contributors
Thanks to all the following developers。 who have contributed code to NutUI.
<a href="https://github.com/jdf2e/nutui-react/graphs/contributors"> <img src="https://contrib.rocks/image?repo=jdf2e/nutui-react" alt="contributors"/> </a>Stargazers
Forkers
Milestones
Release Notes
NutUI follows Angular Style Commit Message Conventions. The up-to-date release notes are available on Release
Open Source License
This project is based on MIT protocol