# connectkit

> Connecting a wallet, made simple.

Latest version **1.9.2** (published 2026-03-24) · BSD-2-Clause license license · 0 weekly downloads

## Install

```sh
npm install connectkit
pnpm add connectkit
yarn add connectkit
bun add connectkit
```

## Health

**Score 55/100 (C)** — status: stable.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 1.9.2 |
| Published | 2026-03-24 |
| First published | 2022-08-01 |
| Weekly downloads | 0 |
| License | BSD-2-Clause license |
| TypeScript types | bundled |
| Module format | ESM |
| Node | >=12.4 |
| Dependencies | 9 |
| Unpacked size | 775 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1070 |
| Author | Aave |
| Maintainers | lochieaxon, familyadmin, joshstevens19, a_pawel, npm_avaralabs, benjitaylor |
| Keywords | ens, react-hook, blockchain, hooks, family, aave, ethereum, react |

## Links

- npm: https://www.npmjs.com/package/connectkit
- Repository: https://github.com/family/connectkit
- Homepage: https://docs.family.co/connectkit
- Issues: https://github.com/family/connectkit/issues
- npm.io page: https://npm.io/package/connectkit

## Dependencies (9)

- [buffer](https://npm.io/package/buffer.md) ^6.0.3
- [qrcode](https://npm.io/package/qrcode.md) ^1.5.0
- [@aave/account](https://npm.io/package/@aave/account.md) ^0.2.0
- [framer-motion](https://npm.io/package/framer-motion.md) ^6.3.11
- [detect-browser](https://npm.io/package/detect-browser.md) ^5.3.0
- [react-use-measure](https://npm.io/package/react-use-measure.md) ^2.1.1
- [styled-components](https://npm.io/package/styled-components.md) ^5.3.5
- [react-transition-state](https://npm.io/package/react-transition-state.md) ^1.1.4
- [resize-observer-polyfill](https://npm.io/package/resize-observer-polyfill.md) ^1.5.1

## 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

- 1.9.2 (latest) — 2026-03-24
- 1.9.1 — 2025-06-13
- 1.9.0 — 2025-04-02
- 1.8.2 — 2024-06-19
- 1.8.1 — 2024-06-14
- 1.8.0 — 2024-06-05
- 1.7.3 — 2024-03-28
- 1.7.2 — 2024-02-27
- 1.7.1 — 2024-02-06
- 1.7.0-demo — 2024-02-02
- 1.7.0 — 2024-02-02
- 1.6.0 — 2024-01-10
- 1.5.3 — 2023-09-07
- 1.5.2 — 2023-08-28
- 1.5.1 — 2023-08-10
- … 17 more at https://npm.io/package/connectkit/versions

## README

<a href="https://docs.family.co/connectkit">
  <img width="1080" alt="connectkit" src="https://github.com/family/connectkit/assets/1930210/87c2e868-3228-44b8-82c3-a38adf6d1bbf">
</a>

# ConnectKit

ConnectKit is a powerful [React](https://reactjs.org/) component library for connecting a wallet to your dApp. It supports the most popular connectors and chains out of the box and provides a beautiful, seamless experience.

## Features

- 💡 TypeScript Ready — Get types straight out of the box.
- 🌱 Ecosystem Standards — Uses top libraries such as [wagmi](https://github.com/wagmi-dev/wagmi).
- 🖥️ Simple UX — Give users a simple, attractive experience.
- 🎨 Beautiful Themes — Predesigned themes or full customization.

and much more...

## Quick Start

Get started with a ConnectKit + [wagmi](https://wagmi.sh/) + [viem](https://viem.sh) project by following the documentation [here](https://docs.family.co/connectkit/getting-started).

## Documentation

You can find the full ConnectKit documentation in the docs [here](https://docs.family.co/connectkit).

## API Reference

You can find the full API Reference in the docs [here](https://docs.family.co/connectkit/api-reference).

## Examples

There are various runnable examples included in this repository in the [examples folder](https://github.com/family/connectkit/tree/main/examples):

- [Next.js Example (TypeScript)](https://github.com/family/connectkit/tree/main/examples/nextjs)
- [Vite Example (TypeScript)](https://github.com/family/connectkit/tree/main/examples/vite)

### Try in CodeSandbox

You can try out some ConnectKit examples directly in your browser through CodeSandbox:

- [Next.js (TypeScript)](https://codesandbox.io/s/qnvyqe?file=/README.md)
- [Vite Example (TypeScript)](https://codesandbox.io/s/4jtssh?file=/README.md)

### Running Examples Locally

Clone the ConnectKit project and install the necessary dependencies:

```sh
$ git clone git@github.com:family/connectkit.git
$ cd connectkit
$ yarn install
```

and start the code bundler:

```sh
$ yarn dev:connectkit
$ yarn dev:connectkit-next-siwe
```

and then simply select the example you'd like to run:

```sh
$ yarn dev:vite # Vite
$ yarn dev:nextjs # Next.js
$ yarn dev:nextjs-siwe # Next.js with SIWE
```

## Contribute

Before starting on anything, please have a read through our [Contribution Guidelines](https://github.com/family/connectkit/blob/main/CONTRIBUTING.md).

## Twitter

Follow [@aave](https://twitter.com/aave) on Twitter for the latest updates on ConnectKit.

## License

See [LICENSE](https://github.com/family/connectkit/blob/main/LICENSE) for more information.

---
_Source: https://npm.io/package/connectkit · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
