# ant-design-web3

**Repository Path**: ant-design/ant-design-web3

## Basic Information

- **Project Name**: ant-design-web3
- **Description**: 高效的 React 组件库，更轻松地构建去中心化应用。
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-05-07
- **Last Updated**: 2026-05-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<div align="center">

<img height="180" alt="ant design web3 logo" src="https://github.com/ant-design/ant-design/assets/507615/12d2c16d-92b1-4202-ba6f-4da5ee3622ba">

<h1 align="center">Ant Design Web3</h1>

高效的 React 组件库，更轻松地构建去中心化应用。

[![CI status][github-action-image]][github-action-url] [![codecov][codecov-image]][codecov-url] [![NPM version][npm-image]][npm-url] [![NPM downloads][download-image]][download-url]

[![Follow Twitter][twitter-image]][twitter-url] [![antd][antd-image]][antd-url] [![dumi][dumi-image]][dumi-url]

[English](./README.md) · 中文

[github-action-image]: https://github.com/ant-design/ant-design-web3/workflows/Test/badge.svg
[github-action-url]: https://github.com/ant-design/ant-design-web3/actions/workflows/test.yml
[codecov-image]: https://img.shields.io/codecov/c/github/ant-design/ant-design-web3/master.svg?style=flat-square
[codecov-url]: https://codecov.io/gh/ant-design/ant-design-web3/branch/master
[npm-image]: https://img.shields.io/npm/v/@ant-design/web3.svg?style=flat-square
[npm-url]: https://npmjs.org/package/@ant-design/web3
[download-image]: https://img.shields.io/npm/dm/@ant-design/web3.svg?style=flat-square
[download-url]: https://npmjs.org/package/@ant-design/web3
[dumi-image]: https://img.shields.io/badge/docs%20by-dumi-blue?style=flat-square
[dumi-url]: https://github.com/umijs/dumi
[antd-image]: https://img.shields.io/badge/-Ant%20Design-blue?labelColor=black&logo=antdesign&style=flat-square
[antd-url]: https://ant.design
[twitter-image]: https://img.shields.io/twitter/follow/AntDesignWeb3.svg?label=Ant%20Design%20Web3
[twitter-url]: https://twitter.com/AntDesignWeb3
[bundlephobia-image]: https://badgen.net/bundlephobia/minzip/@ant-design/web3?style=flat-square
[bundlephobia-url]: https://bundlephobia.com/package/@ant-design/web3

</div>

- 官网: https://web3.ant.design
- 指南: https://web3.ant.design/guide/ant-design-web3-cn
- 课程: https://web3.ant.design/course/introduction-cn
- 水龙头: [获取测试网 ETH](https://zan.top/faucet?chInfo=ch_antdweb3)
- 国内加速官网: https://web3.antdigital.dev

## 特性

- 📦 开箱即用的体验
- 🎨 灵活的主题定制能力
- 🔌 兼容不同的链

## 安装

```shell
npm i antd @ant-design/web3 --save
```

## 使用

```ts
import { Address } from '@ant-design/web3';

export default () => {
  return <Address address="0x1234567890123456789012345678901234567890" />;
};
```

## 赞助商

<a href="https://zan.top?chInfo=ch_antdweb3"><image src="https://mdn.alipayobjects.com/huamei_hsbbrh/afts/img/A*ybcRSrUPqhsAAAAAAAAAAAAADiOMAQ/original" /></a>

ZAN 是一家 Web3 技术服务提供商，提供[节点服务](https://zan.top/home/node-service?chInfo=ch_antdweb3)、[测试网水龙头](https://zan.top/faucet?chInfo=ch_antdweb3)、[智能合约审计](https://zan.top/home/ai-scan?chInfo=ch_antdweb3)等服务。

## 开发

```bash
$ git clone git@github.com:ant-design/ant-design-web3.git
$ cd ant-design-web3
$ pnpm i
$ pnpm start
```

## 参与共建

<a href="https://openomy.app/github/ant-design/ant-design-web3" target="_blank" style="display: block; width: 100%;" align="center">
  <img src="https://openomy.app/svg?repo=ant-design/ant-design-web3&chart=bubble&latestMonth=12" target="_blank" alt="Contribution Leaderboard" style="display: block; width: 100%;" />
 </a>

我们欢迎任何类型的贡献，以下是一些您可以为本项目做出贡献的例子：

- 在日常工作中使用 Ant Design Web3.
- 通过 [issues](https://github.com/ant-design/ant-design-web3/issues) 提交错误或提问.
- 加入我们的 [discussion](https://github.com/ant-design/ant-design-web3/discussions) 并向我们提供建议.
- 提交 [pull requests](https://github.com/ant-design/ant-design-web3/pulls) 改进我们的代码.

为了更好地参与和贡献，请阅读我们的 [贡献指南](https://web3.ant.design/guide/contributing-cn).