UGF React Frontend Demo — Gasless Execution Example

Pay gas in USDC, EURC, United Stable $U and various stablecoins across any chain. No ETH. No paymasters. No ERC-4337.

---

Demo

• Connect any EVM wallet
• Trigger a transaction
• Pay gas in USDC on one chain
• Execute on another chain

No native gas token required.

---

Payment Modal

Users choose how to pay gas — stablecoins across supported chains.
UGF handles pricing, balances, and execution automatically.

---

Install

npm install
npm run dev

---

What this demo shows

This demo integrates @tychilabs/react-ugf to:

• Get a gas quote in stablecoins
• Pay gas using USDC on Base
• Execute transaction on Avalanche C chain

---

Example usage

const { openUGF } = useUGFModal();

openUGF({
  signer,
  tx: {
    to: CONTRACT_ADDRESS,
    data,
    value: 0n
  },
  destChainId: "43114"
});

---

Why this exists

Users shouldn’t need ETH just to use stablecoins.

Existing solutions:

• ERC-4337 → complex
• Paymasters → infra heavy

UGF:

• 1 signature
• pay in stablecoin
• works across chains

---

Supported

Chains

• Ethereum
• Base
• BNB Chain
• Polygon
• Arbitrum
• Avalanche

Tokens

• USDC
• EURC
• $U

---

Run locally

npm run dev

Open:

https://localhost:5173/

---

Tech stack

• React + Vite
• ethers.js
• @tychilabs/react-ugf