Interactive Demo
Try Resmic's payment flow
Experience decentralized checkout with a live payment simulation, while keeping your current Resmic UI and theme.
Payment Page Demo
Same logic as the legacy demo flow: choose a currency, copy the address, send payment, and view confirmation.
Amount
$49.99
Premium T-Shirt • ORD-2023-5791
Time remaining
15:00
Checkout SDK Demo
Preview the integration path for developers building direct crypto checkout in their products.
Quick start
import { useState } from 'react';
import { CryptoPayment, Tokens, Chains } from 'resmic'
function App() {
const [paymentStatus, setPaymentStatus] = useState() // Returns bool after the payment
// Your code...
return (
<div>
<CryptoPayment
Address={ {EVM:"0x056397760b973BfB921Bc10Be9DA5034B1e921d7", STARKNET:"0x05Ea419aa3Ad67A9f9721dc38257f8Cc1E032b0Ac83ED6b532Aad3e1778c1B9F"}} // Wallet Address to receive Funds
Chains={[ Chains.Ethereum, Chains.Polygon, Chains.Starknet, Chains.Sepolia]}
Tokens ={[Tokens.STARK, Tokens.SETH, Tokens.DAI, Tokens.ETH, Tokens.BNB, Tokens.USDC]}
Amount={100} // Amount in USD
noOfBlockConformation={2}
setPaymentStatus = {setPaymentStatus}
}
/>
</div>
)
}How the Demo Works
1
Select demo type
Choose payment page simulation or SDK integration preview.
2
Interact with flow
Switch currencies, copy address, and run checkout processing.
3
Confirm outcome
Review payment success state and transaction hash behavior.
