WalletConnect - Official Website
WalletConnect: Your key to a unified crypto experience. Effortlessly link your wallet to decentralized applications, ensuring a secure and user-friendly interaction with the evolving landscape of bloc
Last updated
WalletConnect: Your key to a unified crypto experience. Effortlessly link your wallet to decentralized applications, ensuring a secure and user-friendly interaction with the evolving landscape of bloc
Last updated
WalletConnect: Your key to a unified crypto experience. Effortlessly link your wallet to decentralized applications, ensuring a secure and user-friendly interaction with the evolving landscape of blockchain technology.The typical flow for signing into our traditional web2 accounts is via Sign in with Google or Facebook. In web3, this is done through a wallet. If you’re looking to swap on Uniswap or collect a post on Orb, then you will need to connect your wallet to the dapp.
Web3Modal is the solution to this problem. It currently provides a simple UI for users to select their favorite wallet, supports all browser wallets via EIP-6963, and much more.
However, we also have a lightweight modal called WalletConnect Modal. This article dives into the differences between WalletConnect’s Web3Modal and WalletConnect Modal.
Web3Modal v3 (left) and WalletConnect Modal (right)
Before WalletConnect, the only way to connect wallets and dapps was by checking the client window (i.e. window.ethereum) via a desktop browser extension like MetaMask. The problem with this user experience is that mobile wallets had no way of connecting to dapps.
Web3Modal solves this problem by providing mobile wallets with a QR code to scan, while also allowing desktop and browser extension wallets to connect seamlessly. For developers, this tool belongs in any dapp’s starter kit because it handles most of the basic items you would expect from a modal, such as your ENS name and an intuitive UI for network switching.
Whether you are starting your first web3 project or integrating it into a production-level application (i.e. zkSync and GemPad), it has several advantages that abstract away the complicated parts of web3 development.
Multiple frameworks (React / Vue / Vanilla)
EVM compatibility
Access to all WalletConnect integrated wallets (500+)
Multiple library compatibility
wagmi compatibility
Ethers V5 compatibility
Ethers V6 compatibility
EIP-6963 support for browser extension wallets
Customizable UI
Transaction history
ENS name lookups
On the other hand, WalletConnect Modal is a lightweight modal with limited features and functionalities. It is designed to work hand-in-hand with Ethereum Provider and Universal Provider, which are for developers looking to integrate more complex solutions and/or non-EVM chains.
This modal can allow all mobile wallets to sync and connect; however, it does not support browser extension wallets, which means that you cannot see the typical images of MetaMask which is one of the most popular browser extension wallets. This is solved in Web3Modal, which is why we recommend that developers use this SDK.
Comparison Chart
The following table outlines the differences between Web3Modal and WalletConnect Modal.
Web3Modal and WalletConnect Modal, by the features
As you can see, there is a stark difference between the two modals and we highly recommend developers to use Web3Modal as it caters for all EVM chains, a more feature-rich and extensive web3 development experience. While WalletConnect Modal has its utility, developers need control and flexibility when working on web3 applications — which is what Web3Modal provides.
For those interested in Web3Modal, check out our documentation here.
