HyperGate removes the friction from Hyperliquid onboarding. Instead of the traditional 3-step process (Swap → Bridge → Deposit), users can bridge from any chain and land funds directly in their Hyperliquid L1 trading account in a single transaction.
Built with LI.FI for optimal cross-chain routing and React + Vite for a highly responsive, premium user experience.
- 🚀 One-Click Onboarding: Combines bridging and L1 deposit into a seamless flow.
- 🛣️ Any-to-Any Routing: Bridge from Ethereum, Arbitrum, Optimism, Base, and more directly to USDC on Hyperliquid.
- 🛡️ Safety Guard 2.0: Intelligent protections that block deposits below the protocol minimum ($5.10) with detailed fee breakdowns.
- 💎 Institutional UI: Clean, white-label design with real-time progress indicators and dark mode aesthetics.
- 🎮 Demo Mode: Full simulation capability for testing the UX without real funds (Toggle with
] ] ]).
HyperGate orchestrates a complex flow behind a simple UI:
graph LR
A[User Wallet] -->|1. Bridge| B[LI.FI Widget]
B -->|2. Route & Swap| C[HyperEVM]
C -->|3. Auto-Deposit| D[Hyperliquid L1]
See Architecture Docs for deeper details.
npm install# Start all apps (Demo + SDK)
npm run dev
# Build for production
npm run buildThis monorepo is managed with Turbo:
apps/demo: Vite + React presentation app.packages/widget: The core@hypergate/widgetlibrary usable in any dApp.docs/: Comprehensive technical documentation.
Contributions are welcome! Please read our Contribution Guide.
MIT
Made with ❤️ by Robert Vassallo, Alex Pivovarov, and Keanu Czirjak
for the Encode Hyperliquid Hackathon