Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rainbow-me/rainbowkit
The best way to connect a wallet 🌈 🧰
https://github.com/rainbow-me/rainbowkit
dapp ethereum react web3
Last synced: 3 months ago
JSON representation
The best way to connect a wallet 🌈 🧰
- Host: GitHub
- URL: https://github.com/rainbow-me/rainbowkit
- Owner: rainbow-me
- License: mit
- Created: 2021-08-04T08:32:05.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-01-30T00:55:35.000Z (5 months ago)
- Last Synced: 2024-01-31T05:57:11.493Z (5 months ago)
- Topics: dapp, ethereum, react, web3
- Language: MDX
- Homepage: https://rainbowkit.com
- Size: 16.8 MB
- Stars: 2,173
- Watchers: 30
- Forks: 535
- Open Issues: 35
-
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING.md
- License: LICENSE
- Codeowners: .github/CODEOWNERS
Lists
- awesome-wagmi - RainbowKit
- awesome-stars - rainbowkit - me | 2351 | (MDX)
- awesome-stars - rainbow-me/rainbowkit - `★2344` The best way to connect a wallet 🌈 🧰 (MDX)
- awesome - rainbow-me/rainbowkit - The best way to connect a wallet 🌈 🧰 (MDX)
README
# 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)
## 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`
### 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.