Standalone

Family is the simplest way to onboard new users to your app.

Install the family package using your preferred package manager.

npm i family

Family is initialized with a single function call. You can do this in your app's entry point (e.g., index.js or App.js).

import { family } from "family";

family.connect();

import { FamilyAccountsSdk } from "family";

const connectWallet = () => {
  FamilyAccountsSdk.session.create();
};

<button onClick={connectWallet}>Continue with Family</button>;

Family exports an easy to use FamilyAccountsSdk object that you can use to interact with Family.

import { FamilyAccountsSdk } from "family";

const signMessage = (message) => {
  FamilyAccountsSdk.session.signMessage(message);
};

<button onClick={signMessage}>Continue with Family</button>;

That's it—you now have a simple component that displays the connected wallet's address and allows the user to switch wallets, add chains, sign messages, and disconnect. You can use the client object to interact with Family and perform any actions you need.