RainbowKit

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

In addition to managing wallet connections and disconnections, RainbowKit supports a wide range of wallets, allows swapping connection chains, and offers many other features.

Website

Documentation

Recipe Not ready yet but is coming very soon!

Features

• Multi-Wallet Support: Supports wallets like MetaMask, Coinbase, WalletConnect, and more.

• Developer-Friendly Design: Built with React for seamless integration into modern web apps.

Quickstart

1. Install the package:

   npm

   npm init @rainbow-me/rainbowkit@latest

   yarn

   yarn add @rainbow-me/rainbowkit

2. Import the library and start using it:

   import {RainbowKitProvider,getDefaultConfig,getDefaultWallets,} from '@rainbow-me/rainbowkit';
   import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
   import { createConfig, WagmiConfig } from 'wagmi';
   import { publicProvider } from 'wagmi/providers/public';
   import { skaleCalypsoTestnet, skaleEuropaTestnet, skaleNebulaTestnet, skaleTitanTestnet, Chain } from "wagmi/chains";