# @rainbow-me/rainbowkit > The best way to connect a wallet Latest version **2.2.11** (published 2026-05-06) · MIT license · 0 weekly downloads ## Install ```sh npm install @rainbow-me/rainbowkit pnpm add @rainbow-me/rainbowkit yarn add @rainbow-me/rainbowkit bun add @rainbow-me/rainbowkit ``` ## Health **Score 60/100 (C)** — status: active. Positive: has types; esm support; no vulnerabilities; high maintenance score. Warnings: low downloads; large bundle. ## Facts | | | |---|---| | Version | 2.2.11 | | Published | 2026-05-06 | | First published | 2022-03-10 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | bundled | | Module format | ESM + CommonJS | | Node | >=12.4 | | Dependencies | 7 | | Unpacked size | 9.8 MB | | Known vulnerabilities | 0 | | Install scripts | no | | GitHub stars | 2835 | | Author | Rainbow | | Maintainers | jinchung, danielsinclair, cbaroni | | Keywords | ens, ethereum, react, react-hook, hooks, blockchain | ## Links - npm: https://www.npmjs.com/package/@rainbow-me/rainbowkit - Repository: https://github.com/rainbow-me/rainbowkit - Homepage: https://github.com/rainbow-me/rainbowkit#readme - Issues: https://github.com/rainbow-me/rainbowkit/issues - npm.io page: https://npm.io/package/@rainbow-me/rainbowkit ## Dependencies (7) - [clsx](https://npm.io/package/clsx.md) 2.1.1 - [cuer](https://npm.io/package/cuer.md) 0.0.3 - [ua-parser-js](https://npm.io/package/ua-parser-js.md) ^2.0.9 - [react-remove-scroll](https://npm.io/package/react-remove-scroll.md) 2.7.2 - [@vanilla-extract/css](https://npm.io/package/@vanilla-extract/css.md) 1.20.1 - [@vanilla-extract/dynamic](https://npm.io/package/@vanilla-extract/dynamic.md) 2.1.5 - [@vanilla-extract/sprinkles](https://npm.io/package/@vanilla-extract/sprinkles.md) 1.6.5 ## Alternatives - [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads - [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads - [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads - [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads - [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads ## Recent versions - 2.2.11 (latest) — 2026-05-06 - 1.3.7 (legacy-v1) — 2024-04-26 - 0.12.18 (legacy-v0) — 2023-07-18 - 2.2.10 — 2025-12-07 - 2.2.9 — 2025-10-14 - 2.2.8 — 2025-06-18 - 2.2.7 — 2025-06-13 - 2.2.6 — 2025-06-05 - 2.2.5 — 2025-05-16 - 2.2.4 — 2025-02-21 - 2.2.3 — 2025-01-21 - 2.2.2 — 2025-01-13 - 2.2.1 — 2024-12-03 - 2.2.0 — 2024-10-15 - 2.1.7 — 2024-09-26 - … 122 more at https://npm.io/package/@rainbow-me/rainbowkit/versions ## README rainbowkit # RainbowKit   [![Version](https://img.shields.io/npm/v/@rainbow-me/rainbowkit?colorA=1f2937&colorB=3b82f6&labelColor=1f2937)](https://www.npmjs.com/package/@rainbow-me/rainbowkit) [![Ask DeepWiki](https://deepwiki.com/badge.svg)](https://deepwiki.com/rainbow-me/rainbowkit) **The best way to connect a wallet 🌈** RainbowKit is a [React](https://reactjs.org/) 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](https://wagmi.sh) and [viem](https://viem.sh) ## Quick start You can scaffold a new RainbowKit + [wagmi](https://wagmi.sh) + [Next.js](https://nextjs.org) app with one of the following commands, using your package manager of choice: ```bash npm init @rainbow-me/rainbowkit@latest # or pnpm create @rainbow-me/rainbowkit@latest # or yarn create @rainbow-me/rainbowkit ``` ## Documentation For full documentation, visit [rainbowkit.com](https://rainbowkit.com). ### Try it out You can use the CodeSandbox links below to try out RainbowKit: - with [Create React App](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-create-react-app) - with [Next.js](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next) - with [Next.js App Router](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-next-app) - with [Remix](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-remix) - with [Vite](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-vite) - with [React Router](https://codesandbox.io/p/sandbox/github/rainbow-me/rainbowkit/tree/main/examples/with-react-router) ## Examples The following examples are provided in the [examples](./examples/) folder of this repo. - `with-create-react-app` - `with-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` ### Running examples 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 ``` ## Contributing Please follow our [contributing guidelines](/.github/CONTRIBUTING.md). ## License Licensed under the MIT License, Copyright © 2022-present [Rainbow](https://rainbow.me). See [LICENSE](/LICENSE) for more information. --- _Source: https://npm.io/package/@rainbow-me/rainbowkit · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._