Back to projects
Project surface · Stalwart Swap
Stalwart Swap
Cross-chain swap UI · token routing, fees, chain metadata
Swap form
Open sceneLive swap quote, cross-chain fee & gas-refund breakdown
Project brief
Users get a direct swap interface instead of leaving the ecosystem for a generic bridge.
Next.js app router, SCSS modules, static chain/token data, custom selectors, and route-aware SEO.
- Timeline
- 4 weeks
- Surface
- Cross-chain swap product
- Status
- 2024 · Shipped
Build ledger
- Scope
- A Next.js swap surface backed by a large chain and token registry, with fee display, route timing metadata, language switching, and focused error states.
- Outcome
- The product gives the Stalwart ecosystem a compact cross-chain action surface.
- Hard part
- Presenting a registry of 70+ chains and their tokens in one selector, with the fee breakdown, cross-chain route timing and every failure state readable on a single page.
Owned work
- 01Swap UI
- 02Token data
- 03Frontend states
- 04i18n
System map
Frontend
Next.js/TypeScript/SCSS modules
Crypto
Chain registry/Token registry/Fees