Web3 Onboard

Client library to onboard users to web3 apps
Alternatives To Web3 Onboard
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
a day ago73agpl-3.0TypeScript
Lenster is a decentralized and permissionless social media app built with Lens Protocol 🌿
Gun17,345246153a month ago236December 23, 2022296otherJavaScript
An open source cybersecurity protocol for syncing decentralized graph data.
Full Blockchain Solidity Course Py10,031
3 months ago215mit
Ultimate Solidity, Blockchain, and Smart Contract - Beginner to Expert Full Course | Python Edition
Wtf Solidity8,308
9 hours ago11otherSolidity
我最近在重新学solidity,巩固一下细节,也写一个“WTF Solidity极简入门”,供小白们使用,每周更新1-3讲。Now supports English! 官网: https://wtf.academy
Mist7,27113 years ago16January 25, 2018788gpl-3.0JavaScript
[DEPRECATED] Mist. Browse and use Ðapps on the Ethereum network.
Ethers.js7,041267 days ago6April 11, 2023440mitTypeScript
Complete Ethereum library and wallet implementation in JavaScript.
Ethereum Org Website4,356
8 hours ago379mitMarkdown
Ethereum.org is a primary online resource for the Ethereum community.
8 hours ago33agpl-3.0TypeScript
Decentralized video-sharing social media platform, built using Lens protocol. 🌿
Free Web3 Resources3,381
25 days ago20mitCSS
A list of FREE resources to make Web3 accessible to everyone.
Typechain2,624692,48513 days ago84July 24, 2023113mitTypeScript
🔌 TypeScript bindings for Ethereum smart contracts
Alternatives To Web3 Onboard
Select To Compare

Alternative Project Comparisons


easy way to connect users to dapps


  • Minimal Dependencies: All wallet dependencies are included in separate packages, so you only include the ones you want to use in your app.
  • Multiple Wallets and Accounts Connection: Allow your users to connect multiple wallets and multiple accounts within each wallet at the same time to your app.
  • Multiple Chain Support: Allow users to switch between chains/networks with ease.
  • Account Center: A persistent interface to manage wallet connections and networks, with a minimal version for mobile
  • Notify: Real-time transaction notifications for the connected wallet addresses for all transaction states
  • Wallet Provider Standardization: All wallet modules expose a provider that is patched to be compliant with the EIP-1193, EIP-1102, EIP-3085 and EIP-3326 specifications.
  • Dynamic Imports: Supporting multiple wallets in your app requires a lot of dependencies. Onboard dynamically imports a wallet and its dependencies only when the user selects it, so that minimal bandwidth is used.


Install the core Onboard library, the injected wallets module and optionally ethers js to support browser extension and mobile wallets:

NPM npm i @web3-onboard/core @web3-onboard/injected-wallets ethers

Yarn yarn add @web3-onboard/core @web3-onboard/injected-wallets ethers

Then initialize in your app:

import Onboard from '@web3-onboard/core'
import injectedModule from '@web3-onboard/injected-wallets'
import { ethers } from 'ethers'

const MAINNET_RPC_URL = 'https://mainnet.infura.io/v3/<INFURA_KEY>'

const injected = injectedModule()

const onboard = Onboard({
  wallets: [injected],
  chains: [
      id: '0x1',
      token: 'ETH',
      label: 'Ethereum Mainnet',
      rpcUrl: MAINNET_RPC_URL
      id: 42161,
      token: 'ARB-ETH',
      label: 'Arbitrum One',
      rpcUrl: 'https://rpc.ankr.com/arbitrum'
      id: '0xa4ba',
      token: 'ARB',
      label: 'Arbitrum Nova',
      rpcUrl: 'https://nova.arbitrum.io/rpc'
      id: '0x2105',
      token: 'ETH',
      label: 'Base',
      rpcUrl: 'https://mainnet.base.org'

const wallets = await onboard.connectWallet()


if (wallets[0]) {
  // create an ethers provider with the last connected wallet provider
  const ethersProvider = new ethers.providers.Web3Provider(

  const signer = ethersProvider.getSigner()

  // send a transaction with the ethers provider
  const txn = await signer.sendTransaction({
    to: '0x',
    value: 100000000000000

  const receipt = await txn.wait()

Onboard v1 migration guide

If you're coming from v1, we've created a migration guide for you.


For full documentation, check out the README.md for each package or the docs page here:

Core Repo

Injected Wallets

SDK Wallets

Hardware Wallets


Test out the demo app

If you would like to test out the current functionality of V2 in a small browser demo, then:

  • Clone the repo: git clone [email protected]:blocknative/onboard.git
  • Change in to the onboard directory: cd onboard
  • Checkout the V2 feature branch: git checkout main
  • Install the dependencies: yarn (if running a M1 mac - yarn install-m1-mac)
  • Run all packages in dev mode: yarn dev
  • To view the demo app in the browser after running the above steps navigate to http://localhost:8080
Popular Web3 Projects
Popular Blockchain Projects
Popular Blockchain Categories

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.