NEEL RATNA ground-up rebuild of the protocol frontend for multi-chain yield strategies.
Overview
V3 is a full rebuild of YieldFi’s product frontend, moving from a single-chain V2 to a multi-chain architecture with a shared design system and a typed data layer across every strategy surface.
Problem
V2 was built assumption-by-assumption for one chain. Extending it to multiple chains and new strategy types meant every screen needed a rewrite — there was no shared vocabulary for vault, strategy, or position state.
Architecture & Approach
V3 introduces a single typed data layer for vault and strategy state shared across chains, server-driven config for strategy cards so new strategies ship without new UI code, and route-level code splitting per module. Shared UI moved into Yfi-Components so screens stop re-solving the same table and form patterns.
Metrics
Learnings
Rebuilding a live product from the data layer up — not screen by screen — is what let the UI stay consistent across chains. A shared component library paid for itself within one release cycle.