<a href="https://rainbowkit.com"> <img alt="rainbowkit" src="https://user-images.githubusercontent.com/372831/168174718-685980e0-391e-4621-94a1-29bf83979fa5.png" /> </a>

RainbowKit  

The best way to connect a wallet 🌈

RainbowKit is a React library that makes it easy to add wallet connection to your dapp.

• 🔥 Out-of-the-box wallet management
• ✅ Easily customizable
• 🦄 Built on top of wagmi and viem

Quick start

You can scaffold a new RainbowKit + wagmi + Next.js app with one of the following commands, using your package manager of choice:

npm init @rainbow-me/rainbowkit@latest
# or
pnpm create @rainbow-me/rainbowkit@latest
# or
yarn create @rainbow-me/rainbowkit

Documentation

For full documentation, visit rainbowkit.com.

Try it out

You can use the CodeSandbox links below to try out RainbowKit:

• with Create React App
• with Next.js
• with Next.js App Router
• with Remix
• with Vite
• with React Router

Examples

The following examples are provided in the examples folder of this repo.

• with-create-react-app
• with-next
• with-next-app
• with-next-custom-button
• with-next-mint-nft
• with-next-siwe-next-auth
• with-next-siwe-iron-session
• with-remix
• with-vite
• with-react-router

Running examples

To run an example locally, install dependencies.

pnpm install

Then go into an example directory, eg: with-next.

cd examples/with-next

Then run the dev script.

pnpm run dev

Contributing

Please follow our contributing guidelines.

License

Licensed under the MIT License, Copyright © 2022-present Rainbow.

See LICENSE for more information.