Rainbow logo
RainbowKit
1.3.5

RainbowKit

The best way to connect a wallet

Designed for everyone. Built for developers.

npm init @rainbow-me/rainbowkit@latest

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!

Connect a Wallet

Popular
More
What is a Wallet?
A Home for your Digital Assets
Wallets are used to send, receive, store, and display digital assets like Ethereum and NFTs.
A New Way to Log In
Instead of creating new accounts and passwords on every website, just connect your wallet.
Learn More

Connect a Wallet

Popular
More
What is a Wallet?
A Home for your Digital Assets
Wallets are used to send, receive, store, and display digital assets like Ethereum and NFTs.
A New Way to Log In
Instead of creating new accounts and passwords on every website, just connect your wallet.
Learn More
Modal
Mode
Accent
Radius

Rainbow 🤝 Developers

RainbowKit provides a fast, easy and highly customizable way for developers to add a great wallet experience to their application. We handle the hard stuff so developers and teams can focus on building amazing products and communities for their users.

  • Tick
    Easy Installation
  • Tick
    Custom Themes
  • Tick
    Built-in Themes
  • Tick
    Custom Wallets List
  • Tick
    Light and Dark Mode
  • Tick
    Custom Chains
  • Tick
    App Store and Google Play Integration
  • Tick
    Custom Connect Button

Made with ❤️ by your frens at Rainbow logoRainbow logo

Building RainbowKit has been an incredibly fun effort across many people at Rainbow and our frens at other companies. We're always looking to make RainbowKit better, so please let us know how we can improve.