The best way to connect a wallet
npm install @rainbow-me/rainbowkitThe 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
You can scaffold a new RainbowKit + wagmi + Next.js app with one of the following commands, using your package manager of choice:
``bash`
npm init @rainbow-me/rainbowkit@latestor
pnpm create @rainbow-me/rainbowkit@latestor
yarn create @rainbow-me/rainbowkit
For full documentation, visit rainbowkit.com.
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
The following examples are provided in the examples folder of this repo.
- with-create-react-appwith-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
-
To run an example locally, install dependencies.
`bash`
pnpm install
Then go into an example directory, eg: with-next.
`bash`
cd examples/with-next
Then run the dev script.
`bash``
pnpm run dev
Please follow our contributing guidelines.
Licensed under the MIT License, Copyright © 2022-present Rainbow.
See LICENSE for more information.