Fast-track your build with Hydrogen’s React-based framework, then deploy for free on Oxygen, our global hosting solution. Deliver performant storefronts wherever customers shop.

Read documentation

"We’re excited Shopify is leaning into headless. Hydrogen and Oxygen help our engineering team speed up their workflow, so we can get to market faster."

Crystal Chang

Director of Engineering

Framework features

Hourglass animation

Accelerated commerce development

  • Multiple starter templates, including a fully built-out demo store
  • Pre-built components, hooks, and utilities that make working with the Storefront API easy
Lego block animation

Opinionated yet flexible

  • Hydrogen ships with defaults like Tailwind CSS and support for TypeScript
  • Works with the tools and integrations you prefer
Lightning animation

Optimized for performance

  • Streaming server-side rendering with Suspense and caching policies unlock fast first-renders and progressive hydration
  • One of the first frameworks built on React 18

Built-in hosting
on Oxygen

  • Fastest way to deploy Hydrogen storefronts
  • Globally distributed hosting for performant storefronts worldwide
  • Worry-free uptime, security, and maintenance

Get more technical specs?


Extend your build

Integrate with apps and platforms to enhance what your Hydrogen storefront can do.

Explore Hydrogen apps

Sanity logo
Contentful logo
Klaviyo logo
Gorgias icon
Nosto icon
Algolia icon
Rebuy icon
Recharge icon
Loop icon
Case Study

Patta x Tommy launches a first-of-its-kind flagship store on Hydrogen and Oxygen

Ask Phill and Rōnin joined forces for another Patta x Tommy Hilfiger collab, bringing to market an unforgettable fashion drop experience that demanded peak performance in only six weeks.

Read more

Four of Allbirds' engineers gather around their laptops, talking and reviewing their work.
Case Study

Allbirds evolves its stack with Shopify’s Hydrogen and Oxygen

After years of partnership pushing the limits of commerce online, in person, and worldwide, Allbirds keeps innovating with Shopify's modern stack for building headless storefronts.

Read more

An Kamp Grizzly engineer sits in front a lap top, reviewing the home page collage on Denim Tears' new website.
Case Study

Kamp Grizzly achieves Denim Tears’ vision for storytelling-infused commerce

Immersive storytelling, easy-to-use content management, and fast commerce come together in Kamp Grizzly’s reimagined website experience for Denim Tears.

Read more

Floating Hydrogen logo symbols.
Chat icon

Get involved

Hydrogen GitHub

Conversation on the Hydrogen discussion forum

Hydrogen YouTube playlist

Hydrogen and Oxygen development tips and insights

ShopifyDevs Discord

Events and conversation

Shopify Partners blog

Resources about building with Shopify