ProBridge — Cross-Chain Bridge
Full-stack cross-chain bridge built on Hyperlane
Description
ProBridge is a complete, production-ready cross-chain token bridge powered by Hyperlane Protocol. Ship your own branded bridge in hours — not weeks.
✅ What Makes ProBridge Different
ProBridge ships with working Solidity contracts, a 3-file config system that makes adding chains and tokens trivial, and a built-in Deployment Wizard that generates ready-to-use config files without touching any code.
🌉 Bridge Features
- ERC20 bridging — USDC collateral → synthetic pbUSDC
- Native ETH bridging — HypNative → wETH synthetic
- Real-time fee quotes (Mailbox.quoteDispatch — no guessing)
- USD fee display with live ETH price (CoinGecko API)
- Balance validation with "Use Max" button
- Approve + Bridge 2-step flow with animated step indicators
- Transaction history with real-time delivery tracking
🛡️ Admin Panel
- Pause / Unpause contract (emergency stop)
- Enroll remote routers
- Set custom Interchain Security Module (ISM)
- Transfer contract ownership (with multisig warning)
- Owner-only guards — actions disabled for non-owners
🚀 Deployment Wizard
- 4-step form: Chains → Contracts → Tokens → Generate
- Downloads 3 ready-to-use config files
- Live address validation
- Zero code needed to configure a new deployment
🎨 Premium UI/UX
- Spring-animated navbar (Framer Motion layoutId)
- Smooth page transitions (AnimatePresence)
- Professional 5-column footer
- Dark premium design with glassmorphism cards
- Fully responsive
📦 What's Included
| Layer | Files |
|---|---|
| Pages | Bridge, Admin, Docs, Deploy Wizard |
| Components | BridgeCard, BridgeHistory, BridgeProgress, FeeDisplay, AdminPanel, Navbar, Footer |
| Hooks | useBridge, useBridgeHistory, useChains, useTokenPrice |
| Store | Zustand global state (Redux DevTools compatible) |
| Config | chains.config.ts, contracts.config.ts, tokens.config.ts |
| Contracts | HypERC20Collateral, HypERC20, HypNative (Solidity 0.8.24) |
| Docs | In-app /docs page + this documentation |
🔧 Tech Stack
- Frontend: Next.js 16, React 19, Tailwind CSS v4
- Web3: wagmi v2, viem v2, RainbowKit v2
- Smart Contracts: Solidity 0.8.24, Hyperlane Warp Routes
- State: Zustand 4 with Redux DevTools middleware
- Animations: Framer Motion 12
⚡ Quick Start
npm install
cp .env.example .env.local
# Add your WalletConnect Project ID
npm run dev
That's it. The testnet bridge works immediately with the included deployed contracts.
📋 Requirements
- Node.js 18+
- WalletConnect Project ID (free — cloud.walletconnect.com)
- MetaMask or any EIP-1193 wallet
🗺️ Changelog
v1.0 — Initial release
- USDC + native ETH bridging
- Admin panel
- Transaction history with delivery polling
- Deployment wizard
Disclaimer: Web3.Market is a marketplace platform that facilitates the sale of digital products between independent sellers and buyers. We do not develop, endorse, or guarantee any product listed on this platform. All products are provided by third-party sellers and are sold "as is." Web3.Market assumes no responsibility or liability for the functionality, security, legality, or any use or misuse of products purchased through this platform. Buyers are solely responsible for evaluating the suitability of any product for their intended purpose and for ensuring compliance with all applicable laws and regulations. By purchasing, you acknowledge that Web3.Market shall not be held liable for any direct, indirect, incidental, or consequential damages arising from the use of any product.
One-time payment • Lifetime access
Product Info
RPC Providers
Need a reliable RPC endpoint for your dApp? Get started with these trusted providers:
