Uniport SDK demo

Configure the deposit button.

Choose what your app receives and paste an address you control. The button below is the real SDK, so a deposit through it moves real funds.

Your app receives 32 chains · 97 tokens

Chain

Token

Recipient addressValid Optimism address.

Button label

Amount optional

Settles toUSDC on Optimism0x71C95911E9a5D330f4D621842EC243EE1343292e

EventsCallbacks fired by the button

Nothing yet. Press the button: onOpenChange, onSuccess and onError show up here.

Preview

Your app

Add funds

Pay with any token, on any chain.

Arrives as USDC on Optimism

The SDK keeps its own styles. Set theme and variant to match your app.

DepositAction.tsx

1import { UniportButton } from "uniport-sdk";23export function DepositAction() {4  return (5    <UniportButton6      recipient="0x71C95911E9a5D330f4D621842EC243EE1343292e"7      destinationToken="optimismUSDC"8      label="Deposit"9      theme="dark"10    />11  );12}