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

Blocknative Ethereum Web3

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. We're committed to building web3's most powerful connect wallet button.

Integrate Account Center Today

With built-in modules for more than 35 unique hardware and software wallets and leading blockchain networks like Ethereum, Polygon, and Gnosis Chain, Web3-Onboard is the easiest, most effective way for developers to add multi-chain web3 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

Master the Mempool today.

Blocknative's proven & powerful enterprise-grade infrastructure makes it easy for builders and traders to work with mempool data.

Start for free

Want to keep reading?

Good choice! We have more articles.

understanding-ethereum-validators-&-staking
Ethereum

Understanding Ethereum Validators & Staking

Now that the Ethereum Merge is complete, staking Ethereum represents the most important action a..

is-the-block-building-market-doomed-to-monopoly?
Ethereum

Is the Block Building Market Doomed to Monopoly?

PART I Thoughts on Relay diversity and neutrality The Ethereum network is a manifestation of..

what-is-proposer/builder-separation-on-ethereum?
Ethereum

What is Proposer/Builder Separation on Ethereum?

While the Ethereum Merge was significant due to introducing Proof-of-Stake, there was another major..