Repolode
Submit
rainbow-me

rainbow-me/rainbowkit

A React library that adds customizable wallet connection UI to Ethereum dapps, built on wagmi and viem.

View on GitHubWebsite
Stars
2,838
Forks
802
Open issues
57
Last commit
last month

What is it?

RainbowKit is a React library for adding wallet connection to decentralized applications. It provides ready-made wallet management out of the box, so developers don't have to build connection modals and wallet selection flows from scratch.

The library is built on top of wagmi and viem, the common toolkit for interacting with Ethereum from JavaScript and TypeScript. Components can be customized in appearance and behavior to fit an existing app's design.

The project also provides a scaffolding command that generates a starter app combining RainbowKit, wagmi and Next.js, and includes example projects for Create React App, Vite, Remix, React Router and several Next.js setups, including Sign-In with Ethereum variants.

Key features

  • 01Out-of-the-box wallet connection modal and wallet management
  • 02Customizable components and theming
  • 03Built on wagmi and viem for Ethereum interaction
  • 04Scaffolding command to create a new wagmi and Next.js app
  • 05Example projects for several React frameworks

Use cases

  • Adding a wallet login button to a React or Next.js dapp
  • Prototyping an Ethereum frontend with a ready-made connect flow
  • Building a customized wallet connection experience that matches an existing brand

Quick start

  1. 1

    Scaffold a new RainbowKit + wagmi + Next.js app with npm

    npm init @rainbow-me/rainbowkit@latest
  2. 2

    Or scaffold with pnpm

    pnpm create @rainbow-me/rainbowkit@latest
  3. 3

    Or scaffold with yarn

    yarn create @rainbow-me/rainbowkit

Things to know

  • RainbowKit is a React library, so it only fits React-based dapps.
  • It is built on wagmi and viem, so you need to use those libraries alongside it.

Topics

#web3#ethereum#react#wallet#dapp#wagmi#frontend-components

FAQ

What is rainbowkit?
A React library that adds customizable wallet connection UI to Ethereum dapps, built on wagmi and viem. RainbowKit is a React library for adding wallet connection to decentralized applications. It provides ready-made wallet management out of the box, so developers don't have to build connection modals and wallet selection flows from scratch.
Is rainbowkit free to use? What license does it have?
rainbowkit is open source under the MIT license. Check the license terms before using it in commercial products.
Is rainbowkit still maintained?
Updated within 6 months. The last commit to rainbowkit was on Oct 1, 2026.
What can I use rainbowkit for?
Adding a wallet login button to a React or Next.js dapp Prototyping an Ethereum frontend with a ready-made connect flow Building a customized wallet connection experience that matches an existing brand
How do I install rainbowkit?
Scaffold a new RainbowKit + wagmi + Next.js app with npm: npm init @rainbow-me/rainbowkit@latest Or scaffold with pnpm: pnpm create @rainbow-me/rainbowkit@latest Or scaffold with yarn: yarn create @rainbow-me/rainbowkit
Where can I get rainbowkit?
The source code and installation instructions are on GitHub: https://github.com/rainbow-me/rainbowkit

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects

pk910 / PoWFaucet

A modular faucet for EVM testnets that uses proof-of-work mining, captchas, IP limits and other checks to deter bots from draining funds.

Backend & APIs#ethereum#faucet#testnet
5.7K+10 this week2.1KTypeScriptAGPL-3.0Well maintainedUpdated 3 days ago