# RainbowKit

## The best way to connect a wallet

Designed for everyone. Built for developers.

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

[View the Docs](/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)

The siqqest Web3 teams are using RainbowKit to improve their products, delight their users and save time when building.

[![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/)

## Give RainbowKit a spin

Make your Ethereum login experience feel right at home on your website. RainbowKit allows you to fully customize color, border radius, wallet providers and a lot more — all through an easy-to-use API. Get a feel for it below!