React Quickstart

You can also refer to one of our sample apps if you want to clone a full application rather than embed into an existing one!

1. Install the SDK

   EthereumWalletConnectors also includes all EVM compatible chains including layer 2’s i.e. Base as well as Dynamic Embedded Wallets. Learn more about WalletConnectors here.

2. Initialize the SDK
3. Configure your UI and signup

   The previous step includes the DynamicWidget, which provides out of the box UI. If you prefer to use your own UI, remove DynamicWidget from the code, and refer to the “Using Your UI” section of any guide to see how to add it in a custom UI. Below we’ve listed some of the common signup options for you to configure in your own Dynamic environment.

   Add email signup

   Add sms signup

   Add social signup

   Add passkey signup

   Add external wallet signup

If you are using Wagmi, make sure to read our full Wagmi guide for more setup instructions.

If you’re using Vite, you’ll need to check out the polyfills guide.

If you see any other errors, it’s worth checking out Dynamic Doctor for quick debugging tips!

To quickly test the login flow, you can enable Test Accounts in Sandbox mode.