This document shows how to integrate Avalanche Network with a dApp, either by Core or MetaMask.

Core‚Äč

Powered by Avalanche, Core is an all-in-one operating system bringing together Avalanche apps, Subnets, bridges, and NFTs in one seamless, high-performance browser experience. Putting it another way, Core is more than a wallet. It is a curated web3 operating system combining Wallet, Explorer, Bridge, Subnets, dApps, and more.

Getting a dApp ready to connect to Core is made simple with pre-built tools from the Core Team.

First, download and install the Core browser extension from here.

avalanche-dapp-sdks contains an example of how to connect via @web3-react/core to the Core extension specifically.

git clone [email protected]:ava-labs/avalanche-dapp-sdks.git
cd avalanche-dapp-sdks
yarn bootstrap

Then check out this sample project under packages/avalanche-connector-example

cd packages/avalanche-connector-example
npm start

Load "http://localhost:3000/" on your browser, and click on the "Connect Avalanche" button on the page below:

Notes:

  • Check out the README to see details on how this works in more detail.

  • This Google Drive has the assets needed to create a Connect with Core button.

  • To learn how to add MetaMask and more, please visit the following page.

For further discussion on any questions, problems, or ideas on how to improve or simply want to join our developer community Discord server.



For any additional questions, please visit our knowledge base or contact a support team member via the chat button at support.avax.network.

Chat with Ava Labs | Use Apps on Avalanche | Validate on Avalanche

Build on Avalanche

Did this answer your question?