Documentation

Getting Started

Quick setup guide for BuilderKit in your React application.

Get started with BuilderKit in your React application.

Installation

npm install @avalabs/builderkit
# or
yarn add @avalabs/builderkit

Provider Setup

Wrap your application with the Web3Provider to enable wallet connections and chain management:

import { Web3Provider } from '@avalabs/builderkit';
import { avalanche, avalancheFuji } from '@wagmi/core/chains';
import { echo } from './chains/definitions/echo';
import { dispatch } from './chains/definitions/dispatch';
 
// Configure chains
const chains = [avalanche, avalancheFuji, echo, dispatch];
 
function App() {
  return (
    <Web3Provider
      appName="My DApp"
      projectId="YOUR_PROJECT_ID"
      chains={chains}
    >
      <YourApp />
    </Web3Provider>
  );
}

Next Steps

Edit on GitHub

Last updated on

On this page