nutui-react

<p align="center"> <img alt="标志" src="https://yellow-cdn.veclightyear.com/835a84d5/aafea255-55a0-4ea8-94cb-4aaa1e5848bb.png" width="150" style="margin-bottom: 10px;"> </p> <p align="center">基于 React 的京东风格移动端 UI 组件库，支持用户开发 H5 和小程序。</p> <p align="center"> <a href="http://makeapullrequest.com"> <img src="https://yellow-cdn.veclightyear.com/835a84d5/d72c1c0a-edc0-4d79-93b2-87c6290aa22e.svg?style=flat-square" alt="欢迎 PR" /> </a> <a href="https://github.com/jdf2e/nutui-react"> <img src="https://yellow-cdn.veclightyear.com/835a84d5/f28715bc-9611-45c8-9615-1337b8070758.svg" alt="许可证"/> </a> <a href="https://www.npmjs.com/package/@nutui/nutui-react"> <img src="https://yellow-cdn.veclightyear.com/835a84d5/2ce0552b-1086-441b-a076-2ca2160c6b06.svg?style=flat-square"> </a> <a href="https://www.npmjs.com/package/@nutui/nutui-react"> <img src="https://yellow-cdn.veclightyear.com/835a84d5/d26ef2a2-291d-43c1-857a-4833c0887f19.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 贡献者"> </a> <a href="https://github.com/jdf2e/nutui-react"> <img src="https://img.shields.io/github/release-date/jdf2e/nutui-react" alt="GitHub 发布日期"> </a> <a href="https://github.com/jdf2e/nutui-react"> <img src="https://img.shields.io/github/commit-activity/w/jdf2e/nutui-react" alt="GitHub 提交活动"> </a> </p> <p align='center'> <img src="https://yellow-cdn.veclightyear.com/835a84d5/b2251800-3126-44c7-881f-f2cb578635dc.png" height="180" alt="NutUI-React" /> &nbsp; <img src="https://yellow-cdn.veclightyear.com/835a84d5/651e7043-2bdd-4d87-8d6a-243c42acf611.jpg" width="200" alt="NutUI-React" /> </p>

---

Nut[nʌt]：来自动画电影《冰河世纪》中松鼠 Scrat 一生孜孜不倦追求的坚果，即使造成灾难性后果也绝不放手。

English | 简体中文

特性

• 🚀 70+ 高质量组件
• 📖 基于京东 APP 11.0 视觉规范
• 🍭 支持 Tree Shaking
• 📖 详尽的文档和示例
• 💪 使用 TypeScript 编写
• 💪 支持服务端渲染（实验性）
• 🍭 支持自定义主题
• 🍭 单元测试覆盖率 90% 以上
• 📖 提供 Sketch 设计资源

本地运行

运行 H5 版本

# 克隆仓库
git clone https://github.com/jdf2e/nutui-react.git

# 进入项目目录
cd nutui-react

# 安装依赖
pnpm install

# 启动开发
pnpm run dev

# 在浏览器中访问：http://localhost:3000（如果你之前已经在浏览器中运行过，无需手动打开）

运行小程序版本

# 克隆仓库
git clone https://github.com/jdf2e/nutui-react.git

# 进入项目目录
cd nutui-react

# 安装依赖
pnpm install

# 启动开发
# 目录：packages/nutui-taro-demo/dist/weapp
pnpm run dev:taro:weapp

# 或者运行为京东小程序
# 目录：packages/nutui-taro-demo/dist/jd
pnpm run dev:taro:jd

构建版本

如果您使用的是 AMD 环境或者构建工具（如 Webpack、Vite 等），我们推荐使用 es 版本。如果是非模块化环境（如通过 <script> 标签直接引用），则推荐使用 umd 压缩版。

• es nutui.es.js

• umd nutui.umd.js

链接

<ul> <li> <a href="https://github.com/jdf2e/nutui-react/discussions"> 讨论区（用👍投票） </a> </li> <li> <a href="https://github.com/jdf2e/nutui-react/issues?q=is%3Aissue+is%3Aopen+label%3A%22help+wanted%22"> 功能请求（用👍投票） </a> </li> <li> <a href="https://github.com/jdf2e/nutui-react/labels/bug%203.0"> Bug（用👍投票） </a> </li> <li> <a href="https://github.com/jdf2e/nutui-react/issues?q=is%3Aissue+is%3Aopen+label%3Aquestion"> 问题（用👍投票） </a> </li> </ul>

交流

版本	微信群	京东咚咚群
NutUI React	<img src="https://yellow-cdn.veclightyear.com/835a84d5/887beb4c-59a2-4928-82c8-bb6387e80467.png" width="100" /> 关注后回复「NutUI-React」	1025679314
NutUI x Taro	<img src="https://camo.githubusercontent.com/db4276b4ee4b443158195e943e9e678cb4d2afb7580f70d4d817ef0a90413aec/687474703a2f2f73746f726167652e333630627579696d672e636f6d2f7461726f2d6a642d636f6d2f7374617469632f636f6e746163745f7461726f5f6e757475695f71722e706e67" width="100" />关注后回复「NutUI-React」	1022545110

加入我们

NutUI 社区

欢迎加入 NutUI-React 社区

为 NutUI 贡献代码

有多种方式可以为 NutUI 做出贡献，包括解决问题、修复 bug、添加新组件、国际化、UI 定制、平台和跨端适配等。

我们非常欢迎您为 NutUI 贡献代码。在提交 pull request 之前，请阅读NutUI 开发者贡献指南。

问题与讨论

向 NutUI 报告问题

强烈建议阅读《提问的智慧》、《如何向开源社区提问题》和《如何有效地报告 Bug》，这样您可以更容易获得理解和帮助。

NutUI 讨论区

如果您有任何想法、问题或建议，可以在这里分享您的观点。

贡献者

感谢所有为 NutUI 贡献过代码的开发者。

<a href="https://github.com/jdf2e/nutui-react/graphs/contributors"> <img src="https://contrib.rocks/image?repo=jdf2e/nutui-react" alt="贡献者"/> </a>

Star 用户

Fork 用户

里程碑

里程碑

发布说明

NutUI 遵循 Angular 风格的提交信息约定。最新的发布说明可在 Release 中查看。

开源许可

本项目基于 MIT 协议