Fast-track your storefront build with Hydrogen, our React-based headless toolkit, built on Remix. Deploy for free on Oxygen, our global hosting solution.

Read documentation

Build more in less time

Hydrogen now features even greater DX. Set up your build and scaffold a full purchasing journey in just a few keystrokes, and use drop-in components that leverage the full power of Remix, from the cart, product forms to pagination.

Learn more about the latest release
Hourglass animation

Accelerated commerce development

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, but can be mixed and matched with your tools of choice.
Lightning animation

Optimized for performance

Optimistic UI, nested routes, streaming SSR, and more advancements deliver highly performant buyer experiences

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
Nosto icon
Dynamic Yield icon
PackDigital icon
Algolia icon
Rebuy icon
Netlify icon
Gorgias 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 drop experience that demanded peak performance in only six weeks.

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