SuiPort

SuiPort is a cross-chain payment SDK for Sui that lets developers accept payments from any blockchain with a single React component.

Users can pay with tokens from Ethereum, Solana, Base, Arbitrum, Bitcoin, and 20+ other chains - and merchants receive USDC or SUI on Sui instantly. No wallet connection required from the payer - just scan a QR code and send from any wallet.

The SDK includes:

1. <SuiportButton> - a drop-in payment button with 3 style variants
2. A premium glassmorphism modal with real-time status updates
3. Support for 50+ tokens across 22 chains\
4. Full TypeScript support with hooks for custom implementations

Perfect for merchants, apps, and games building on Sui who want to accept payments from users on any chain.

SuiPort is built as a TypeScript React SDK published to npm (suiport-sdk).

Core Architecture:

Uses NEAR Intents (1Click SDK) as the cross-chain settlement layer. When a user wants to pay, we call NEAR's API to get a quote, generate a deposit address on the source chain, and poll for execution status. The deposit address is chain-specific (Ethereum address for EVM chains, Solana address for Solana, etc.), allowing users to pay from any wallet without connecting.

Frontend Stack: Pure React with inline styles (no CSS dependencies) for maximum compatibility QR code generation via qrcode.react Built with tsup for ESM + CJS dual-publishing

Hacky bits: We built a custom state machine ( useSuiportPayment hook) that manages the complex flow: idle → quoting → awaiting_deposit → processing → success Status polling every 3 seconds to detect deposits and show real-time progress Premium UI with glassmorphism, pulse animations, and skeleton states - making it feel like a native Sui experience