Awesome
<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>Efficient react components for building dapps easier.
English · 中文
</div>- Home Page: https://web3.ant.design
- Documentation: https://web3.ant.design/guide/ant-design-web3
- Course: https://web3.ant.design/course/introduction
- Faucet: Get testnet Sepolia ETH
- 国内加速官网: https://web3.antdigital.dev
Features
- 📦 Out-of-the-Box Experience
- 🎨 Flexible Theme Customization
- 🔌 Compatibility with Different Chains
Installation
npm i antd @ant-design/web3 --save
Usage
import { Address } from '@ant-design/web3';
export default () => {
return <Address address="0x1234567890123456789012345678901234567890" />;
};
Sponsor
<a href="https://zan.top?chInfo=ch_antdweb3"><image src="https://mdn.alipayobjects.com/huamei_hsbbrh/afts/img/A*ybcRSrUPqhsAAAAAAAAAAAAADiOMAQ/original" /></a>
ZAN is a Web3 technology service provider offering node services, testnet faucet, smart contract auditing, Web3 security, and other services.
Development
$ git clone git@github.com:ant-design/ant-design-web3.git
$ cd ant-design-web3
$ pnpm i
$ pnpm start
Contributing
<a href="https://github.com/ant-design/ant-design-web3/graphs/contributors" target="_blank"> <table> <tr> <th colspan="2"> <br/> <img alt="Contributors of ant-design/ant-design-web3" src="https://contrib.rocks/image?repo=ant-design/ant-design-web3" /> <br/><br/> </th> </tr> <tr> <td> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://next.ossinsight.io/widgets/official/compose-org-active-contributors/thumbnail.png?activity=active&period=past_28_days&owner_id=12101536&repo_ids=680030799&image_size=2x3&color_scheme=dark" /> <img alt="Contributors of ant-design/ant-design-web3" src="https://next.ossinsight.io/widgets/official/compose-org-active-contributors/thumbnail.png?activity=active&period=past_28_days&owner_id=12101536&repo_ids=680030799&image_size=2x3&color_scheme=light" /> </picture> </td> <td rowspan="2"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://next.ossinsight.io/widgets/official/compose-org-participants-growth/thumbnail.png?activity=active&period=past_28_days&owner_id=12101536&repo_ids=680030799&image_size=4x7&color_scheme=dark" /> <img alt="Contributors of ant-design/ant-design-web3" src="https://next.ossinsight.io/widgets/official/compose-org-participants-growth/thumbnail.png?activity=active&period=past_28_days&owner_id=12101536&repo_ids=680030799&image_size=4x7&color_scheme=light" /> </picture> </td> </tr> <tr> <td> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://next.ossinsight.io/widgets/official/compose-org-active-contributors/thumbnail.png?activity=new&period=past_28_days&owner_id=12101536&repo_ids=680030799&image_size=2x3&color_scheme=dark" /> <img alt="Contributors of ant-design/ant-design-web3" src="https://next.ossinsight.io/widgets/official/compose-org-active-contributors/thumbnail.png?activity=new&period=past_28_days&owner_id=12101536&repo_ids=680030799&image_size=2x3&color_scheme=light" /> </picture> </td> </tr> </table> </a> <!-- Made with [OSS Insight](https://ossinsight.io/) -->Any type of contribution is welcome, here are some examples of how you may contribute to this project:
- Use Ant Design Web3 in your daily work.
- Submit issues to report bugs or ask questions.
- Join our discussion and provide us with suggestions.
- Propose pull requests to improve our code.
To better participate and contribute, please read our contribution guidelines.