# RainbowKit

## 钱包登录的最佳方式

为所有用户设计。为开发者开发。

`npm init @rainbow-me/rainbowkit@latest` Copy

[查看文档](/zh-CN/docs)

![](data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%272352%27%20height=%271704%27/%3e)![](/_next/image?url=%2Fhero-modal.png&w=3840&q=75)

![](data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%271068%27%20height=%271344%27/%3e)![](/_next/image?url=%2Fhero-compact.png&w=3840&q=75)

![](data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27780%27%20height=%271560%27/%3e)![](/_next/image?url=%2Fhero-iphone.png&w=1920&q=75)

那些最酷的 Web3 团队正在使用 RainbowKit 来增强产品体验，让用户开心同时也节约产品上线所需要的开发时间。

[![Coinbase](/_next/image?url=%2Ffrens%2Fcoinbase.png&w=3840&q=75)\\
\\
Coinbase](https://bridge.base.org/) [![Optimism](/_next/image?url=%2Ffrens%2Foptimism.png&w=3840&q=75)\\
\\
Optimism](https://app.optimism.io/bridge) [![Arbitrum](/_next/image?url=%2Ffrens%2Farbitrum.png&w=3840&q=75)\\
\\
Arbitrum](https://arbitrum.foundation/) [![Warpcast](<Base64-Image-Removed>)\\
\\
Warpcast](https://warpcast.com/) [![OpenSea Pro](<Base64-Image-Removed>)\\
\\
OpenSea Pro](https://pro.opensea.io/) [![ENS](<Base64-Image-Removed>)\\
\\
ENS](https://app.ens.domains/) [![Prop House](<Base64-Image-Removed>)\\
\\
Prop House](https://prop.house/) [![Matcha](<Base64-Image-Removed>)\\
\\
Matcha](https://www.matcha.xyz/) [![Kwenta](<Base64-Image-Removed>)\\
\\
Kwenta](https://kwenta.eth.limo/) [![Aura](<Base64-Image-Removed>)\\
\\
Aura](https://app.aura.finance/) [![Lyra](<Base64-Image-Removed>)\\
\\
Lyra](https://app.lyra.finance/) [![LooksRare](<Base64-Image-Removed>)\\
\\
LooksRare](https://looksrare.org/) [![DefiLlama](<Base64-Image-Removed>)\\
\\
DefiLlama](https://swap.defillama.com/) [![NFTX Yield](<Base64-Image-Removed>)\\
\\
NFTX Yield](https://yield.nftx.io/) [![PoolTogether](<Base64-Image-Removed>)\\
\\
PoolTogether](https://app.pooltogether.com/) [![Art Blocks](<Base64-Image-Removed>)\\
\\
Art Blocks](https://www.artblocks.io/) [![Cool Cats](<Base64-Image-Removed>)\\
\\
Cool Cats](https://coolcatsnft.com/) [![Party](<Base64-Image-Removed>)\\
\\
Party](https://www.party.app/) [![SuperRare](<Base64-Image-Removed>)\\
\\
SuperRare](https://superrare.com/) [![Trader Joe](<Base64-Image-Removed>)\\
\\
Trader Joe](https://traderjoexyz.com/) [![Doodles](<Base64-Image-Removed>)\\
\\
Doodles](https://doodles.app/) [![Frax](<Base64-Image-Removed>)\\
\\
Frax](https://app.frax.finance/) [![Speedtracer](<Base64-Image-Removed>)\\
\\
Speedtracer](https://www.speedtracer.xyz/) [![Gitcoin](<Base64-Image-Removed>)\\
\\
Gitcoin](https://www.gitcoin.co/)

## 试用一下 RainbowKit

让以太（Ethereum）登录的体验在您的网站上相得益彰。通过一个易于使用的 API 实现对颜色、边框半径、各种钱包 App 的支持、及更多功能的定制。在下面的这个 Demo 里来试用一下吧！