Web3-Onboard Now Supports Multi-Chain and Multi-Wallet Account Management on Dapps with Account Center

onboard-theme

Account Center is the first universal widget of its kind that allows Dapp developers to enable multiple wallet connections on a Dapp by leveraging Web3-Onboard’s custom UI to support leading hardware wallets, like Ledger and Trezor, on top of more than 35 unique software wallets. With Account Center, users have a seamless end-to-end connection experience on your Dapp no matter where their funds are hosted. 

Account Center empowers end-users to carefully manage their wallet connection and successfully orchestrate their transactions, all while giving the integrating Dapp developer the ease and flexibility to provide these crucial capabilities through a turnkey integration. This frees developer time so you can ensure you stay focused on your core product.

We believe a much better transaction experience is possible in Web3, which is why our team developed Web3-Onboard and Account Center to continue improving UX across the ecosystem.

Introducing Account Center

In developing Account Center we listened to developers across the Web3 ecosystem and took note of many of the reoccurring issues that arose. This led to our team developing new kinds of frontend libraries to address the problems seen across the ecosystem, such as needing a place to manage your wallet connection and related items like network, balance, and transaction history. 

Account Center is our first new library to solve all these problems. Its features include:

  • Multi-wallet and account management with balances
  • Network management and support for all EVM networks
  • Dapp info area for helpful guides and useful links

Account Center’s simple interface can be placed anywhere on your Dapp’s UI. It displays wallet connection, balance, and network information and can be expanded to manage each setting and connect multiple wallets. 

Account Center allows end-users to connect all of their wallets to your Dapp and manage those connections, resulting in better UX and increased activity and engagement. 

General state:

Web3-Onboard Account Center minimized

Clicked/expanded state:

Account Center full

Simplifying the multi-chain future

By integrating Web3-Onboard with Account Center, developers can allow users to easily switch between networks and significantly simplifies on-ramping to Layer-2 protocols, which are increasingly leveraged for their speed and scalability. 

Web3-Onboard supports all of the leading networks out of the box and enables developers to add custom RPCs for any EVM network, such as Arbitrum, Avalanche, BNB Chain, Celo, Ethereum, Fantom, Gnosis Chain, Harmony One, Moonriver, Optimism, and Polygon. When on the wrong network, Account Center will automatically direct end-users to the correct network for your Dapp.

Account Center also comes with a multichain design library that allows Dapp developers to show correct network iconography and branding for the networks they support.

account center mult-chain support

account center multi-chain support

We have added design support for Ethereum, Polygon, Fantom, BNB, Gnosis Chain, Optimism, Arbitrum, Avalanche, Celo, Harmony One, and other EVM networks. All EVM networks are supported at the technical level, but design representation for less common ones will be up to the developer to customize their initialization of web3-onboard.

Do I need to use Account Center to use Web3-Onboard?

Account Center is open-source and optional for Web3-Onboard users. It can be turned on or off from Web3-Onboard’s initialization options so Web3 developers can opt to only have the wallet connection modal if they prefer.

What is next for Web3-Onboard?

Moving forward, we plan to release additional libraries under Web3-Onboard that enhance UX in Dapps and maintain an easy-to-integrate developer experience. 

In the near future, Blocknative will enable the integration of pre-flight transaction previews and in-flight transaction notifications with built-in Notify 2.0.

Integrate Account Center Today

With built-in modules for more than 35 unique hardware and software wallets and leading blockchain networks like Ethereum, Bitcoin, Polygon, Gnosis Chain, Binance BNB, Fantom, Web3-Onboard is the easiest, most effective way for Web3 developers to add multi-chain, multi-wallet support to their projects.

Try our Web3-Onboard React Demo today to see Account Center in action.

Ready to integrate Account Center into your Dapp? Go hands-on with our docs. If you do not have a Blocknative account yet, you can sign up for free on Mempool Explorer. 

Join our Discord community and let us know what new features or libraries you would like to see next to make developing with Web3-Onboard easier!

 

See Account Center in Action

Integrate Account Center into your Dapp

Most Recent
the-easy-way-to-add-customizable,-real-time-transaction-notifications-to-your-dapp-with-web3-onboard
Web3-Onboard

The Easy Way to Add Customizable, Real-time...

pre-chain-archive:-backtest-strategies,-train-models,-replay-attacks,-and-improve-your-protocol
Mempool

Pre-Chain Archive: Backtest Strategies, Train Models,...

web3's-most-accurate-polygon-gas-estimator
Polygon

Web3's Most Accurate Polygon Gas Estimator

eth-gas-price-alerts:-always-know-the-best-time-to-transact-on-ethereum
Gas

ETH Gas Price Alerts: Always Know the Best Time to...