Wen React

Wen Tools are under heavy development

React component to connect your users quickly

Getting Started

Wen React is a component that allows you to connect to wallets in 1 line of code in any React 18 app.

npm i @wen-tools/actions @wen-tools/react
# or
yarn add @wen-tools/actions @wen-tools/react
# or
pnpm i @wen-tools/actions @wen-tools/react

Connect users

Just render the kit component. It includes everything to connect to a wallet and right network.

import { ConnectButton } from "@wen-tools/react";

export default function Home() {
  return (
    <div>
      <ConnectButton />
    </div>
  );
}

Specify the network to use

All chains are supported, you only need to pass in the chain id (find them here).

import { ConnectButton } from "@wen-tools/react";

export default function Home() {
  return (
    <div>
      <ConnectButton chainId="4" chainDisplayName="Rinkeby" />
    </div>
  );
}

Reading wallet data

@wen-tools/actions