We just fixed web3 onboarding... 🤯

Implement account abstraction into your web3 apps, explaining token bound accounts (ERC-6551), add a Connect Wallet button, and more!

We Fixed Web3 Onboarding with Account Abstraction 🤯

In March, account abstraction (ERC-4337) went live on Ethereum — bringing us one step closer to eliminating the #1 obstacle to web3 mass adoption: a difficult wallet user experience.

This week, we fixed web3 onboarding — allowing anyone in the world to interact with the blockchain, without even realizing they’re using a wallet. Our talented engineer @jarrodWattsDev created a web3 app that:

Auto-generates wallets for users
Covers gas fees for transactions
Removes transaction popups for a signless experience ✨ 

🛠️ Here’s how it works:

1. An EOA wallet is generated for the user and stored on their device
2. When the user goes to mint an NFT, an ERC-4337 compatible wallet smart contract is deployed for the user
3. The signer from the EOA is used as a signer for the smart wallet

This is huge: it means that any user can interact with a web3 app without having previously created a wallet — and without the need to KYC, buy & transfer crypto, or approve any transactions! 🪄 

At any point, the user can then export the EOA wallet we generated for them to their wallet app of choice (like Coinbase Wallet or MetaMask), meaning that it’s also fully non-custodial.

The future of web3 wallets is here. Learn more about how you can use account abstraction, in any app, with our full step-by-step guide:

📹️ YouTube Tutorial: How to Add a Connect Wallet Button

In this video, learn how to add a Connect Wallet button to any website or app — with built-in web3 wallet onboarding & full customizability. We’ll take you step-by-step through:

  • Adding the Connect Wallet button to your app with 1 line of code

  • Allowing users to sign in with 170+ wallet options including non-custodial (Coinbase Wallet, MetaMask, WalletConnect), multisig (Safe), email (Magic Link, Paper), local, and MPC wallets

  • Customizing the Connect Wallet UI component to match your app’s branding & enabling any EVM chains that you want to support

📹️ YouTube Tutorial: How to Create a Continue as Guest Wallet Flow in your Web3 App

In this video, learn how to create a Continue as Guest flow in your website or app — auto-generating wallets for users & onboarding them to any dApp in seconds. We’ll take you step-by-step through:

  • Understanding what local wallets are & integrating them in your app

  • Creating a seamless dApp user experience by setting up gasless transactions, removing signature requests, & enabling batch minting

  • Offering secure storage for users to export & “save” the local wallet

🔥 Web3 Innovation: Token Bound Accounts (ERC-6551)

🗓️ Events & Workshops: Office Hours (Ask Us Anything!)

Have a great rest of your week shippin’! 🚢 🛠️ 

And if you’re ever looking for 35,000+ other builders to learn from & share your web3 journey with, look no further than our Discord community 🤝 

What did you think of this week's newsletter?

Your feedback is instrumental to the content we deliver!

Login or Subscribe to participate in polls.