blockless pay

Key Features

• ✅ Intuitive Swap Order Creation
  Easily define your desired swap: source chain, token, amount, and recipient address — all in one form.

• 🔗 Shareable Order Link with Wallet Selection
  Generate a single URL that, when opened, shows all available wallet deeplinks. Recipients can pick their wallet and proceed directly to approval — no app switching or manual input needed.

• 📲 Smart Wallet Deeplink Support
  The order page automatically detects and displays deeplinks for popular wallets:

  • MetaMask
  • Trust Wallet
  • Coinbase Wallet
  • Rabby
  • SafePal
  • TokenPocket
  • And more
    Scanning or clicking the correct link opens the transaction in the user’s wallet app with full swap details pre-filled.

• 🌐 True Cross-Chain Swaps via 1inch
  Leverages the 1inch Cross-Chain SDK to enable seamless swaps across EVM-compatible networks (e.g., Ethereum → Arbitrum, Polygon → Base). No need for the recipient to hold the source token — the swap happens as part of the transaction.

• 🧩 Powered by 1inch Fusion+
  Ensures optimal pricing, MEV protection, and atomic execution of swaps, even across chains.

• 🖼️ Dual QR Code Options

  • Universal QR Code: Opens the order page with all wallet options.
  • Wallet-Specific QR Codes: Direct deeplink QRs for each wallet (e.g., scan with MetaMask → transaction opens instantly).

• 🌙 Modern UI with Dark Mode
  Built with React, TypeScript, and Tailwind CSS for a responsive, accessible, and beautiful experience on any device.

• 🔌 Seamless Wallet Integration
  Uses wagmi and viem for robust wallet connectivity and address auto-fill during order creation.

How It Works

The flow is designed for maximum simplicity across two roles: the order creator and the executor.

1. Create the Order

• The user selects:
  • Source blockchain
  • Input token and amount
  • Recipient address (can auto-fill from connected wallet)
• The app uses 1inch APIs to validate and configure the swap.

2. Generate & Share

• Click “Generate Order” to create a unique, shareable link (e.g., https://blocklessswap.app/order?id=abc123)
• The app generates:
  • A universal link that opens a wallet selection interface
  • A QR code for easy mobile sharing
  • Optional: individual wallet-specific QR codes for direct deeplinking

3. Execute the Swap

• Recipient opens the link on mobile or desktop
• Sees a clean page listing all compatible wallet deeplinks
• Taps their wallet (e.g., "Open in MetaMask")
• Wallet opens with the cross-chain swap pre-filled
• User confirms the transaction — done!

No need to visit a DApp, connect a wallet, or manually enter swap details.

• Frontend: React, TypeScript, Vite
• Styling: Tailwind CSS (with dark mode support)
• Web3 Libraries:
  • wagmi & viem: Wallet connections and on-chain interactions
• API Proxy: Vercel rewrites (vercel.json) proxy 1inch API requests to avoid CORS issues to 1inch apis
• QR Generation: qrcode.react for dynamic QR code rendering
• Deployment: Optimized for Vercel (serverless functions + static hosting)