A seamless stablecoin backed debit card experience powered by Dynamic's embedded wallets. Create wallets instantly with social logins, enjoy gasless transactions, and get a virtual Visa debit card - all without any crypto knowledge.
- Email & Social Logins: Create wallets instantly using email, Google, Discord, and other social providers
- Smart Wallets: Enhanced wallets with smart contract capabilities for improved user experience
- Gasless Transactions: No need to hold native tokens or worry about gas fees
- Multi-chain Support: Switch between supported networks within the same wallet
- Instant Virtual Debit Cards: Get a virtual Visa debit card automatically upon application approval
- Real Card Details: Access actual card numbers, CVV, and expiration dates for testing
- Secure Encryption: Card details are encrypted and only viewable when authenticated
- Streamlined KYC: Simplified application process integrated with Dynamic's user management
- Add Funds: Deposit USDC from your wallet to your debit card
- View Transactions: Track all deposits, withdrawals, and spending activity
- Balance: See your available card balance and wallet balances
- Copy Card Details: Easily copy card numbers and CVV
- Free rUSDC: Get $100 in test USDC tokens with one click
- Multi-network: Works on both Ethereum Sepolia and Base Sepolia
- Instant Funding: Tokens appear in your wallet after minting
- Chain ID: 11155111
- rUSDC Contract:
0x6CE0D9aEBB683AbbEc9bfbF82D35d4E92CfEC12B
- Chain ID: 84532
- rUSDC Contract:
0x10b5Be494C2962A7B318aFB63f0Ee30b959D000b
- Click "Get Started" on the homepage
- Choose your preferred login method
- Your embedded wallet will be created automatically
- Fill out the application form with test information
- Submit your application (it will be auto-approved for the demo)
- Your virtual debit card will be created instantly
- Use the faucet to get $100 in test rUSDC tokens
- Click "Add Funds" on your card to deposit tokens
- Choose an amount and confirm the transaction
- Click the "View Details" button to see your card information
- Copy card numbers and CVV for testing purposes
- Use these details in any payment system that accepts Visa (demo only)
- Monitor your card balance and transaction history
- Withdraw funds back to your wallet when needed (coming soon)
- Switch between networks to test multi-chain functionality
- Dynamic SDK Integration: Seamlessly handles wallet creation and user authentication
- JWT Verification: Secure token validation for API access powered by Dynamic
- Unified Metadata Storage: User and card data managed in Dynamic's metadata system
- Account Abstraction: Simplified user experience with smart contract capabilities
- Gasless Transactions: Users don't need to hold native tokens for fees
- Enhanced Functionality: Regular wallets enhanced with smart contract features
- KYC Application: User submits test information through the application form
- Integrated Processing: Application data is processed through the integrated card issuance system
- Automatic Approval: Demo applications are instantly approved
- Card Creation: Virtual debit card is generated with real card details
- Dynamic Metadata: Card information is seamlessly stored in user's Dynamic profile
- Network Switching: Seamless switching between Ethereum and Base Sepolia
- Contract Deployment: rUSDC contracts deployed on both networks
- Unified Interface: Same user experience across different chains
- Node.js 18+ and pnpm
- Dynamic Environment ID (get one at dynamic.xyz)
- Card issuance API credentials
# Install dependencies
pnpm install
# Copy environment template
cp .example.env .env.local
# Add your Dynamic Environment ID
NEXT_PUBLIC_DYNAMIC_ENV_ID=your_dynamic_env_id_here
DYNAMIC_ENV_ID=your_api_key_here
# Add Rain API credentials
RAIN_API_BASE_URL=your_rain_api_url
RAIN_API_KEY=your_rain_api_key
# Add Google Client ID (for address autofill)
GOOGLE_CLIENT_ID=your_google_client_id_here
# Start the development server
pnpm dev
# Open in browser
open http://localhost:3000
DynamicCard
: Main card interface with balance and transaction managementApplicationForm
: KYC form for card applicationsStablecoinFaucet
: Test token minting interfaceFundCard
&WithdrawFunds
: Card funding and withdrawal modals
/api/apply
: Processes card applications and creates cards/api/balance
: Retrieves card and wallet balances/api/card-details
: Fetches encrypted card details/api/transactions
: Returns transaction history/api/withdrawal
: Processes withdrawal requests
useMintTokens
: Handles test token faucet functionalityuseDepositToken
: Manages card funding transactionsuseWithdrawAsset
: Processes card withdrawalsuseSwitchChain
: Network switching functionality
- Dynamic Integration: Learn how to build with Dynamic's embedded wallet infrastructure
- Multi-chain Development: Experience seamless cross-chain functionality powered by Dynamic
- Account Abstraction: See gasless transactions in action with Dynamic's smart wallet features
- Wallet-as-a-Service: Understand how to integrate Dynamic's embedded wallet solutions
- Financial Product Demos: Showcase card issuance capabilities
- User Onboarding: Demonstrate simplified crypto-to-fiat with debit cards
- Payment Processing: Test real-world payment scenarios
- Customer Experience: Evaluate user-friendly Web3 interfaces
- Testnet Only: This demo uses test networks and test tokens only
- Dynamic-Powered: All wallet and user management handled by Dynamic's infrastructure
- Auto-approval: KYC applications are automatically approved for demo purposes
- Real Card Details: Virtual cards have actual card numbers for testing
- Rate Limits: Faucet and some operations may have rate limiting
- Demo Data: All user data is for demonstration and testing purposes only
For technical questions or integration support:
- Dynamic Documentation: docs.dynamic.xyz
- Dynamic Community: Join our Discord
- Dynamic Support: Contact through your Dynamic dashboard