How to Add a Connect Button to Your Web3 App (Web3 Wallets, Account Abstraction, or PassKey)
thirdweb thirdweb
21.3K subscribers
1,015 views
37

 Published On Jun 21, 2024

In this video learn how to add a connect wallet button to your web3 app using thirdweb's Connect SDK. Easily add the ConnectButton UI component to your web3 app and allow users to connect with a web3 wallet, account abstraction, or In-App wallets. Also learn how to customize the ConnectButton UI component to match your branding or customize the options you provide users to connect with.

GitHub Repo
Full repo: https://github.com/thirdweb-example/y...
Follow along repo: https://github.com/thirdweb-example/y...

Documentation
ConnectButton: https://portal.thirdweb.com/typescrip...

Connect Playground: https://thirdweb.com/dashboard/connec...

thirdweb Support: https://thirdweb.com/support

Join our Community of over 30,000 Web3 builders:   / discord  
thirdweb Official Site: https://thirdweb.com/dashboard
thirdweb Twitter:   / thirdweb  

Timestamps:
00:00 Demo of ConnectButton
02:18 Overview of how to add a connect button to your web3 app
03:17 What is ConnectButton?
04:35 Getting started with course repo
06:05 Default ConnectButton UI component
09:25 Configure wallets displayed in ConnectButton UI component
13:35 Customize ConnectButton appearance
18:35 Connect playground
20:30 Customize theme of ConnectButton UI component
22:30 Conclusion

show more

Share/Embed