jackromo888 / rainbowkit

The best way to connect a wallet 🌈 🧰

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 ethers

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
yarn create @rainbow-me/rainbowkit@latest
# or
pnpm create @rainbow-me/rainbowkit@latest

Documentation

For full documentation, visit rainbowkit.com.

Try it out

You can use the CodeSandbox links below try out RainbowKit:

• with Create React App
• with Create React App (TypeScript)
• with Next.js

Examples

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

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

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.