
blockless pay
A link to pay anyone in any token, any chain. Just share a URL
Demo
About
## 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.
How it's made
- **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)