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
- Learn about Token Configuration
- Explore Core Components
- Check out Pre-built Flows
Is this guide helpful?