We develop a continuum-scale phase-field model to study gas-liquid-hydrate systems far from thermodynamic equilibrium. We design a Gibbs free energy functional for methane-water mixtures that recovers the isobaric temperature-composition phase diagram under thermodynamic equilibrium conditions. The proposed free energy is incorporated into a phase-field model to study the dynamics of hydrate formation on a gas-liquid interface. We elucidate the role of initial aqueous concentration in determining the direction of hydrate growth at the interface, in agreement with experimental observations. Our model also reveals two stages of hydrate growth at an interface-controlled by a crossover in how methane is supplied from the gas and liquid phases-which could explain the persistence of gas conduits in hydrate-bearing sediments and other nonequilibrium phenomena commonly observed in natural methane hydrate systems.