Introduction
Uniport is a chain-abstraction SDK. Your app receives funds on its home chain while users pay from whichever chain they already hold assets on.
uniport-sdk 0.0.7MITReact 18+
What you get
- One React component, UniportButton, that opens a complete deposit flow.
- No API key. The SDK talks to Uniport’s hosted backend, which keeps keys server-side.
- 24 source chains your users can pay from, and 63 destination tokens your app can receive.
- An exact quote and one deposit address for every payment, with refunds on the source chain.
The whole integration
DepositAction.tsx
1import { UniportButton } from "uniport-sdk";23export function DepositAction() {4 return (5 <UniportButton6 recipient="0x..."7 destinationToken="optimismUSDC"8 label="Deposit"9 />10 );11}
Install it with npm i uniport-sdk, then follow the quickstart. It takes about three minutes.
How it’s built
Uniport routes payments through NEAR Intents (the 1Click API). The SDK calls Uniport’s hosted backend, which returns quotes, deposit addresses and payment status. Your client never holds an API key.