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