Build Your Own Custom Connect Component - Connect With a Wallet, Email, Social, or Passkey
thirdweb thirdweb
21.3K subscribers
746 views
27

 Published On Jul 3, 2024

In this video learn how to build your custom connect component with thirdweb's Connect SDK. If you don't want to use our ConnectButton or ConnectEmbed components we provide you with all the tools needed to build your own. Create and build a connect flow that is made for your users and design the components however you want.

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

ConnectButton Video:    • How to Add a Connect Button to Your W...  
ConnectEmbed Video:    • How to Create a Login Page For Your W...  

Documentation
Connecting a Wallet: https://portal.thirdweb.com/typescrip...
Building UI for In-App Wallets: https://portal.thirdweb.com/connect/i...
Connect Modal: https://portal.thirdweb.com/reference...

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 Overview of how to build your own connect component
01:03 Demo of examples of what you can build with thirdweb Connect SDK
02:59 Getting started with course repo
04:28 Single wallet connection
08:25 Getting wallet and connection status of connected account
13:15 Social login with In-App Wallet
16:48 Email login with In-App Wallet
22:37 Passkey login with In-App Wallet
25:11 Toggle Connect Modal
27:28 Conclusion

show more

Share/Embed