Announcements

System Status

Changelog

Dynamic

SDK Reference

API Reference

Live Support

Start Free

V0.18 Docs

Explore Dynamic

Modal pop up isn't visible

Welcome to Dynamic! We're so excited that you're here!

Welcome

Let's get you up and running with a React based signup/login UI! Just [sign up](https://app.dynamic.xyz) and follow the guide below!

Quickstart

Example apps

Overview

Sign Up with Email/Social

Sign up with Branded Wallets

Server-side verification

Adding Captcha Protection

Dynamic Embedded Wallets

Pregenerated Wallets

Account Abstraction

Account Recovery

HD Wallets

Magic

Crossmint

Blocto

Connected vs Authenticated

Connect

Authenticate

Recommended Wallet

Chainalysis

Sort and Filter Wallets

Multi-Wallet

Bridge Widget

Advanced Configurations

Design Tutorial

Themes & Settings

CSS Variables

Custom CSS

One of the first things you'll want to do as you create a new project is update some of the basic metadata associated with the SDK such as your app name, logo url, and support url.

General Settings

TOS & Privacy Policy

Custom Sign Message

Customizing copy in the SDK

Access Lists

NFT/Token Gating

Information Capture

Email Verification

Social Account Linking

Configure in Dashboard

Custom Networks

RPC Urls

Banxa

This page hosts the keys that you'll need to setup the SDK, validate the JWT, and generate tokens for API usage.

SDK and API Keys

Every project you create in Dynamic comes with a Sandbox and a Live environment. Both these environments behave similarly but we've customized the Sandbox environment to make it ideal for testing and exploring features.

Sandbox vs Live

Analytics

Users

Visitors

We take security seriously at Dynamic and most of the work we do is behind the scenes so you don't have to worry about it. We will surface some security features that can be configured. 

Security Settings

Privacy Settings

You can invite members of your company to your Dynamic organization by Navigating to the Admin screen and clicking on the Members tab. 

Invite Members

Projects

If you would like to create a new organization, you can do so.

Organizations

General

Webhook Event types

Social Providers Overview

Discord

Twitter/X

Twitch

Facebook

Google

Github

Create-web3-dapp

Wagmi

XMTP

Co:Create

Headless Email Signup

Programmable Views

Migration from RainbowKit

Migrating Users

The SDK allows you to build authentication and authorization into your application in a few lines of code.

Introduction to the SDK

Upgrade guides

Viem Or Ethers

Tutorial

Wallet Connectors

Components Introduction

DynamicContextProvider

DynamicConnectButton

DynamicWidget

DynamicUserProfile

DynamicNav

DynamicEmbeddedWidget

The `DynamicWagmiConnector` component integrates your Dynamic project settings with Wagmi

DynamicWagmiConnector

The `DynamicBridgeWidget` component allows you to handle multi chain bridging

DynamicBridgeWidget

Hooks Introduction

useEmbeddedWallet

Dynamic's React Context which is set via DynamicContextProvider

useDynamicContext

useWalletItemActions

useAuthenticateConnectedUser

useDynamicScopes

useUserUpdateRequest

useEmailVerificationRequest

useSendBalance

useSocialAccounts

Utilities Introduction

This utility can be used to get a JWT token generated by Dynamic which is stored inside of localStorage.

getAuthToken

getNetwork

isZeroDevConnector

Callbacks Introduction

onAuthFlowOpen

onAuthFlowClose

onBeforeConnectSuccessConfirmation

onConnect

onAuthSuccess

onEmbeddedWalletCreated

onLogout

onUserProfileUpdate

onEmailVerificationSuccess

onEmailVerificationFailure

onLinkSuccess

onUnlinkSuccess

onSignedMessage

Object References Introduction

This is Dynamic's abstraction over the wallet interface. This can be used to interact with the users wallet.

WalletConnector

An object containing the attributes about the connected wallet. This object would be available immediately after a wallet has been connected.

Wallet

WalletOption

An object containing attributes about the user such as the wallet address, email, first name, etc.

UserProfile

JWT Payload

JwtVerifiedCredential

AccessDeniedCustomButton

EvmNetwork

WalletsByChain

SdkViews

Get balance

In this example, we will get the balance for each connect wallet.

Get balance for all wallets

In this example, we are creating a button to sign a message and log the signature to the console.

Sign a message

Here is an example where you can use the user profile to display in a HTML table.

Get the user's profile

Here are some examples on how to use the Solana typed signer

Typed Solana signer

In this example, we will adjust the ways the user can login based on what button is pressed.

Adapt available login options programmatically

Vite.js polyfills necessary for Dynamic SDK

NextJS with React 17 With Dynamic React SDK >=0.14.0

Failed to parse source map warnings

Jest Error: SyntaxError: Cannot use import statement outside a module

Cannot convert a BigInt value to a number

Module not found: Can't resolve 'encoding'

Wallet is redirecting to the App Store

Solved Issues

Module not found Error (Framer-motion/browser.js)

React Static Flag Error

V0.19: Embedded Wallets, Optimised SDK, native Social Signup

V0.18: NFT Gating, Bridging, and improvements galore 🎁

Email Name

WalletConnect V2 upgrade path

WalletConnect V2: Fixes & V1 Bridge

Introduction

Create a new entry for an allowlist

Find an environment by ID

Updates the environment settings

Gets the list of event types

Get environment events

Event object

Creates a new gate for the project environment

Delete a gate

Get the gates for an environment

Gets a gate

Updates a gate

undefined

Completes the passkey recovery process for a user's passkey embedded wallet

Create one or more embedded wallets for a user

Create one or more new embedded wallets for a user

Gets passkey data associated with a user

Initialize the passkey recovery process for a user's passkey embedded wallet

Update SDK settings for a specific environment

Used to merge two owned accounts connected by email address

After successful verification allow to merge two owned accounts

Endpoint where an oauth provider would return authorization HTML used for mobile-friendly login, such as Apple ID with Touch ID on enabled devices.

Oauth provider authorization endpoint

Get redirect URL for Oauth provider login. This will return a string that the SDK can manipulate before redirecting the browser to.

Endpoint where an oauth provider would redirect after a successful user authorizing the oauth application.

Oauth provider redirect endpoint for apple ID

Introduction

Sign in & sign up

Embedded Wallets

Branded Wallets e.g. Metamask

Design customizations

Access Control

Users

Chains & Networks

Fiat Onboarding

Developer Dashboard

Social Providers

Tutorials

Migrating to Dynamic

Troubleshooting

Developer Changelog

Modal pop up isn't visible