https://github.com/family/connectkit
Connecting a wallet, made simple.
https://github.com/family/connectkit
coinbase dapp ethereum metamask react typescript viem wagmi walletconnect web3
Last synced: 18 days ago
JSON representation
Connecting a wallet, made simple.
- Host: GitHub
- URL: https://github.com/family/connectkit
- Owner: family
- License: bsd-2-clause
- Created: 2022-09-26T14:13:25.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2026-03-23T05:32:21.000Z (2 months ago)
- Last Synced: 2026-03-23T21:02:26.375Z (2 months ago)
- Topics: coinbase, dapp, ethereum, metamask, react, typescript, viem, wagmi, walletconnect, web3
- Language: TypeScript
- Homepage: https://family.co/docs/connectkit
- Size: 4.71 MB
- Stars: 1,031
- Watchers: 6
- Forks: 230
- Open Issues: 39
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# 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.