Contract Details
Tech Stack
React TypeScript Vite TailwindCSS wagmi viem Recharts
Chains
Ethereum Arbitrum Base Optimism Polygon
Description
React frontend widget that compares swap quotes across DEX venues (Uniswap, SushiSwap, 1inch, 0x, Paraswap, CowSwap) with your branding. Embeddable widget or standalone page with chart visualization and one-click swap execution via wagmi.
Features
- ✓ 6 DEX venue comparison
- ✓ Recharts bar chart visualization
- ✓ Auto-refresh every 15 seconds
- ✓ Token selector with search and balances
- ✓ One-click swap execution via wagmi
- ✓ Savings-vs-worst calculation
- ✓ CryptoForge dark theme (Tailwind)
- ✓ Embeddable via iframe or React import
// SPDX-License-Identifier: MIT pragma solidity ^0.8.24; import "@openzeppelin/contracts/token/ERC20/IERC20.sol"; /// @title Quote Comparison UI /// @notice Frontend widget comparing quotes across venues with your branding. contract QuoteComparisonUi { address public immutable owner; uint256 public constant VERSION = 1; event Initialized(address indexed deployer); constructor() { owner = msg.sender; emit Initialized(msg.sender); } // ... full implementation in purchased package }