nutui

<img alt="logo" src="https://yellow-cdn.veclightyear.com/835a84d5/68bb59f6-71dc-437f-8a4c-f0a620cc270a.png" width="150" style="margin-bottom: 10px;"> 京东风格的轻量级 Vue 组件库，支持移动端 H5 和小程序开发 <a href="https://github.com/jdf2e/nutui/pulls"> <img src="https://yellow-cdn.veclightyear.com/835a84d5/604d9ca2-9e90-438a-9857-079dcf7106ec.svg?style=flat-square" alt="欢迎 PR"> </a> <a href="https://app.codecov.io/gh/jdf2e/nutui"> <img src="https://img.shields.io/codecov/c/github/jdf2e/nutui" alt="覆盖率"/> </a> <a href="https://github.com/jdf2e/nutui/blob/v4/LICENSE"> <img src="https://yellow-cdn.veclightyear.com/835a84d5/284fda7c-2248-4cde-909b-2984ccbc405b.svg" alt="许可证"/> </a> <a href="https://www.npmjs.com/package/@nutui/nutui"> <img src="https://yellow-cdn.veclightyear.com/835a84d5/2dc569aa-a612-402a-8e9b-dc3bab7b3194.svg?style=flat-square"> </a> <a href="https://www.npmjs.com/package/@nutui/nutui"> <img src="https://yellow-cdn.veclightyear.com/835a84d5/5ef0500f-489f-4107-94c8-cf42b64f0b2e.svg?style=flat-square"> </a> <a href="https://github.com/jdf2e/nutui/graphs/contributors"> <img src="https://img.shields.io/github/contributors/jdf2e/nutui" alt="GitHub 贡献者"> </a> <a href="https://github.com/jdf2e/nutui/commits"> <img src="https://img.shields.io/github/commit-activity/m/jdf2e/nutui" alt="GitHub 提交活动"> </a> <a href="https://github.com/jdf2e/nutui/issues"> <img src="https://img.shields.io/github/issues-closed/jdf2e/nutui" alt="GitHub 已关闭的问题"> </a> <a href="https://github.com/jdf2e/nutui/commits"> <img src="https://img.shields.io/github/commits-since/jdf2e/nutui/latest/v4" alt="GitHub 自最新版本以来的提交（按日期）"> </a> <a href="https://github.com/jdf2e/nutui/releases"> <img src="https://img.shields.io/github/release-date/jdf2e/nutui" alt="GitHub 发布日期"> </a> <a href="https://www.jsdelivr.com/package/npm/@nutui/nutui"> <img src="https://data.jsdelivr.com/v1/package/npm/@nutui/nutui/badge" alt="jsdelivr"> </a> <img src="https://yellow-cdn.veclightyear.com/835a84d5/b5eddac5-dd3e-4710-b085-eedcb5d1ec4e.png" width="164" alt="NutUI" />   <img src="https://yellow-cdn.veclightyear.com/835a84d5/5776b7bf-9faf-414a-b216-a9544bfa300f.png" width="167" title="请用京东APP扫码">   <img src="https://yellow-cdn.veclightyear.com/835a84d5/cf11c051-5c78-463f-b083-52fdb775f278.jpg" width="166" title="请用微信扫码">   <img src="https://yellow-cdn.veclightyear.com/835a84d5/1190e52c-bf8b-495f-aef0-9f8c1966a911.png" width="170" title="请用支付宝扫码">

Nut[nʌt]，源自电影《冰河世纪》里松鼠 Scrat "执迷不悟"，一生追求，即便引发大灾难也绝不松手的坚果。

简体中文 | English

特性

🚀 80+ 高质量组件，覆盖移动端主流场景
💪 支持一套代码同时开发 H5+多端小程序
📖 基于京东APP 10.0 视觉规范
🍭 支持按需引用
📖 详尽的文档和示例
💪 支持 TypeScript
💪 支持服务端渲染（测试阶段）
🍭 支持组件级别定制主题，内置 700+ 个变量
🌍 国际化支持，已支持英文，印尼语和繁体中文
🍭 单元测试覆盖率超过 80%，保障稳定性
📖 提供 Sketch 设计资源

文档

官网：nutui.jd.com

@nutui/nutui：适用于移动端 H5 页面开发

@nutui/nutui-taro：支持开发 Taro 多端小程序（微信、支付宝、京东等小程序）和 Taro-H5 项目

链接

官方生态

由 NutUI 官方团队维护的项目如下：

项目	描述	版本
@nutui/nutui	NutUI 移动端 H5 版本
@nutui/nutui-taro	NutUI Taro 多端版本
@nutui/icons-vue	`@nutui/nutui` 使用的图标库
@nutui/icons-vue-taro	`@nutui/nutui-taro` 使用的图标库
@nutui/touch-emulator	在桌面端使用 NutUI 的辅助库
@nutui/auto-import-resolver	`unplugin-auto-import` 插件的 resolver 配置
@nutui/playground	NutUI 在线 Playground	-
nutui-demo	NutUI 官方示例合集	-

社区生态

以下是由社区维护的项目，欢迎补充：

项目	描述
nutui-uniapp	基于 NutUI 4.x 版本开发的 uni-app 组件库
jwaterwater/uni-nutui	基于 NutUI 3.x 版本开发的 uni-app 组件库

项目状态

Alt

使用案例

NutUI 已经在我们的生产环境中使用，业界也在广泛地使用 NutUI 开发多端应用。

开发交流

微信群	内部咚咚群
<img src="https://yellow-cdn.veclightyear.com/835a84d5/abb70f46-bd10-4da9-b10f-88bff356bfec.png" width="100" /> 添加好友并回复「NutUI Vue」	82957939