CINXE.COM

<!DOCTYPE html><html lang="en" class="h-full"><head><meta charSet="utf-8"/><meta name="description" content="Build performant ecommerce faster with Shopify鈥檚 React-based framework for developing custom storefronts. Built-in Oxygen hosting makes deployment easy."/><title>Hydrogen: Shopify鈥檚 headless commerce framework</title><meta name="viewport" content="width=device-width,initial-scale=1"/><meta property="fb:pages" content="20409006880"/><meta property="fb:app_id" content="847460188612391"/><meta property="og:description" content="Build performant ecommerce faster with Shopify鈥檚 React-based framework for developing custom storefronts. Built-in Oxygen hosting makes deployment easy."/><meta property="og:image" content="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/share-image.jpg?v=1695668176"/><meta property="og:site_name" content="Hydrogen: Shopify鈥檚 headless commerce framework"/><meta property="og:title" content="Hydrogen: Shopify鈥檚 headless commerce framework"/><meta property="og:type" content="website"/><meta property="twitter:card" content="summary_large_image"/><meta property="twitter:site" content="Shopify"/><meta property="twitter:account_id" content="17136315"/><meta property="twitter:title" content="Hydrogen: Shopify鈥檚 headless commerce framework"/><meta property="twitter:description" content="Build performant ecommerce faster with Shopify鈥檚 React-based framework for developing custom storefronts. Built-in Oxygen hosting makes deployment easy."/><meta property="twitter:image" content="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/share-image.jpg?v=1695668176"/><link rel="preload" as="font" crossorigin="anonymous" type="font/woff2" href="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/DrukWide-Bold-Web.woff2?v=1690921783"/><link rel="preload" as="font" crossorigin="anonymous" type="font/woff2" href="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/ShopifySans-Regular.woff2?v=1691088711"/><link rel="preload" as="font" crossorigin="anonymous" type="font/woff2" href="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/JetBrainsMono-Bold.woff2?v=1692130908"/><link rel="preload" href="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/gradient.jpg" as="image"/><link rel="stylesheet" href="https://cdn.shopify.com/oxygen-v2/25760/10053/20707/1208616/build/_assets/tailwind-QBRJHJTJ.css"/><link rel="preconnect" href="https://cdn.shopify.com"/><link rel="preconnect" href="https://shop.app"/><link rel="icon" type="image/svg+xml" href="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/favicon.svg?v=1695667701"/><link rel="alternate" type="application/rss+xml" title="Hydrogen Updates" href="/rss.xml"/><script async="" src="https://www.googletagmanager.com/gtag/js?id=GTM-WS8VK6K"></script><script async="" id="gtag-init"> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'GTM-WS8VK6K', { page_path: window.location.pathname, }); </script></head><body class="min-h-full overflow-x-hidden bg-black-2 text-white"><header class="nav-view-transition fixed left-0 top-0 z-40 w-full transition-[colors_opacity] duration-300 bg-transparent md:motion-safe:opacity-0"><a href="#main" class="flex h-0 w-full items-center justify-center overflow-hidden bg-black-2 text-center transition-all focus:h-60"><span class="inline-block font-jetbrains">Skip to main</span></a><div class="wide-container space-between flex h-62 items-center justify-between gap-32 pr-4 md:pr-40"><a class="z-50 block aspect-[160/30] w-160" data-event-page="/integrations" data-event-category="main-nav" data-event-action="/" data-event-label="logo" href="/"><img alt="Hydrogen" decoding="async" height="30" loading="eager" src="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/logo.svg?v=1691525350&width=160&height=30&crop=center" srcSet="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/logo.svg?v=1691525350&width=200&height=38&crop=center 200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/logo.svg?v=1691525350&width=400&height=75&crop=center 400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/logo.svg?v=1691525350&width=600&height=113&crop=center 600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/logo.svg?v=1691525350&width=800&height=150&crop=center 800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/logo.svg?v=1691525350&width=1000&height=188&crop=center 1000w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/logo.svg?v=1691525350&width=1200&height=225&crop=center 1200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/logo.svg?v=1691525350&width=1400&height=263&crop=center 1400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/logo.svg?v=1691525350&width=1600&height=300&crop=center 1600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/logo.svg?v=1691525350&width=1800&height=338&crop=center 1800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/logo.svg?v=1691525350&width=2000&height=375&crop=center 2000w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/logo.svg?v=1691525350&width=2200&height=413&crop=center 2200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/logo.svg?v=1691525350&width=2400&height=450&crop=center 2400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/logo.svg?v=1691525350&width=2600&height=488&crop=center 2600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/logo.svg?v=1691525350&width=2800&height=525&crop=center 2800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/logo.svg?v=1691525350&width=3000&height=563&crop=center 3000w" width="160" style="aspect-ratio:160/30" class="size-full"/></a><nav aria-hidden="false" id="main-nav" class="group pointer-events-none invisible fixed -right-full top-0 z-40 h-full w-full translate-x-0 items-center overflow-auto bg-dark-purple pt-100 transition-[transform,visibility] duration-500 motion-reduce:duration-0 md:visible md:static md:flex md:h-auto md:w-auto md:translate-x-0 md:overflow-visible md:bg-transparent md:p-0"><ul class="pointer-events-auto relative mb-56 grid items-center md:mb-0 md:flex"><li class="group/link transition-opacity hover:!opacity-100 md:group-hover:opacity-50"><a data-event-page="/integrations" data-event-category="main-nav" data-event-action="click-link" data-event-label="showcase" class="inline-block font-jetbrains font-bold uppercase text-18 leading-snug md:title6 gap-8 px-40 md:px-13 py-21 relative after:content-[""] after:block after:absolute after:h-2 after:transition-[bg_transform] after:translate-y-2 group-hover/link:after:bg-white group-hover/link:after:translate-y-0 after:bottom-16 after:w-[calc(100%-80px)] after:md:w-[calc(100%-26px)] after:left-40 after:md:left-14" href="/showcase">Showcase</a></li><li class="group/link transition-opacity hover:!opacity-100 md:group-hover:opacity-50"><a data-event-page="/integrations" data-event-category="main-nav" data-event-action="click-link" data-event-label="integrations" aria-current="page" class="inline-block font-jetbrains font-bold uppercase text-18 leading-snug md:title6 gap-8 px-40 md:px-13 py-21 relative after:content-[""] after:block after:absolute after:h-2 after:transition-[bg_transform] after:translate-y-2 group-hover/link:after:bg-white group-hover/link:after:translate-y-0 after:bottom-16 after:w-[calc(100%-80px)] after:md:w-[calc(100%-26px)] after:left-40 after:md:left-14 after:bg-white" href="/integrations">Integrations</a></li><li class="group/link transition-opacity hover:!opacity-100 md:group-hover:opacity-50"><a data-event-page="/integrations" data-event-category="main-nav" data-event-action="click-link" data-event-label="updates" class="inline-block font-jetbrains font-bold uppercase text-18 leading-snug md:title6 gap-8 px-40 md:px-13 py-21 relative after:content-[""] after:block after:absolute after:h-2 after:transition-[bg_transform] after:translate-y-2 group-hover/link:after:bg-white group-hover/link:after:translate-y-0 after:bottom-16 after:w-[calc(100%-80px)] after:md:w-[calc(100%-26px)] after:left-40 after:md:left-14" href="/updates">Updates</a></li><li class="group/link transition-opacity hover:!opacity-100 md:group-hover:opacity-50"><a class="inline-block font-jetbrains font-bold uppercase text-18 leading-snug md:title6 gap-8 px-40 md:px-13 py-21 inline-flex items-center gap-8" href="https://shopify.dev/docs/custom-storefronts/hydrogen" target="_blank" rel="noreferrer" data-event-page="/integrations" data-event-category="main-nav" data-event-action="click-link" data-event-label="docs"><span class="relative after:content-[""] after:block after:absolute after:h-2 after:transition-[bg_transform] after:translate-y-2 group-hover/link:after:bg-white group-hover/link:after:translate-y-0 after:bottom-auto after:top-19 after:w-full after:left-0">Docs</span><span aria-hidden="true" class="-mt-2 block h-16 w-16 md:mt-0"><span class="icon inline-block bg-current hover:bg-current h-full w-full" aria-hidden="true" style="--mask-url:url(https://cdn.shopify.com/s/files/1/0598/4822/8886/files/external.svg?v=1691688830);-webkit-mask-size:contain;transform:translateZ(0)"></span></span></a></li></ul><div class="spacer pointer-events-none hidden self-stretch md:block md:w-36"></div><ul class="pointer-events-auto relative flex items-center px-40 pb-40 md:p-0"><li class="hover:!opacity-100 md:group-hover:opacity-50"><a aria-label="Github" href="https://github.com/Shopify/hydrogen" target="_blank" rel="noreferrer" class="block h-26 px-10 md:px-7 " data-event-page="/integrations" data-event-category="main-nav" data-event-action="click-link" data-event-label="github"><span class="icon inline-block bg-current hover:bg-current h-full w-26" aria-hidden="true" style="--mask-url:url(https://cdn.shopify.com/s/files/1/0598/4822/8886/files/github.svg?v=1691509015);-webkit-mask-size:contain;transform:translateZ(0)"></span></a></li><li class="hover:!opacity-100 md:group-hover:opacity-50"><a aria-label="X" href="https://twitter.com/shopifydevs?lang=en" target="_blank" rel="noreferrer" class="block h-26 px-10 md:px-7 " data-event-page="/integrations" data-event-category="main-nav" data-event-action="click-link" data-event-label="x"><span class="icon inline-block bg-current hover:bg-current h-full w-26" aria-hidden="true" style="--mask-url:url(https://cdn.shopify.com/s/files/1/0598/4822/8886/files/x-2.svg?v=1695310435);-webkit-mask-size:contain;transform:translateZ(0)"></span></a></li><li class="hover:!opacity-100 md:group-hover:opacity-50"><a aria-label="YouTube" href="https://www.youtube.com/playlist?list=PLvQF73bM4-5XoWU-OnlYsuI5wDWWIObzh" target="_blank" rel="noreferrer" class="block h-26 px-10 md:px-7 " data-event-page="/integrations" data-event-category="main-nav" data-event-action="click-link" data-event-label="youtube"><span class="icon inline-block bg-current hover:bg-current h-full w-26" aria-hidden="true" style="--mask-url:url(https://cdn.shopify.com/s/files/1/0598/4822/8886/files/youtube.svg?v=1692652070);-webkit-mask-size:contain;transform:translateZ(0)"></span></a></li><li class="hover:!opacity-100 md:group-hover:opacity-50"><a aria-label="Hydrogen Updates RSS Feed" href="/rss.xml" class="block h-26 px-10 md:px-7 " data-event-page="/integrations" data-event-category="main-nav" data-event-action="click-link" data-event-label="rss"><img aria-hidden="true" alt="" src="/rss.svg" class="w-26 "/></a></li></ul></nav><a aria-label="Open nav" aria-controls="main-nav" class="z-50 flex h-44 w-44 items-center justify-center md:hidden" href="/integrations?nav=open"><span class="grid gap-5"><span class="block h-2 w-20 origin-top-left rounded-full bg-white transition-transform"></span><span class="block h-2 w-20 rounded-full bg-white opacity-100 transition-[width]"></span><span class="block h-2 w-20 origin-bottom-left rounded-full bg-white transition-transform"></span></span></a></div></header><svg xmlns="http://www.w3.org/2000/svg" class="absolute h-0 w-0"><linearGradient id="face-gradient" x1="1" x2="0" y1="0" y2="1"><stop offset="0%" stop-color="rgba(170, 140, 255, 0.05)"></stop><stop offset="90%" stop-color="rgba(100, 100, 100, 0.75)"></stop></linearGradient><linearGradient id="west-gradient" x1="0" x2="1"><stop offset="0%" stop-color="rgba(170, 160, 200, 0.4)"></stop><stop offset="70%" stop-color="rgba(200, 205, 220, 0.7)"></stop></linearGradient><linearGradient id="south-gradient" x1="1" x2="0"><stop offset="0%" stop-color="rgba(160, 150, 180, 0.75)"></stop><stop offset="35%" stop-color="rgba(150, 140, 180, 0.75)"></stop><stop offset="35%" stop-color="rgba(220, 250, 220, 0.7)"></stop><stop offset="90%" stop-color="rgba(175, 180, 200, 0.7)"></stop></linearGradient></svg><div class="absolute top-0 -z-10 aspect-[4/13] w-full overflow-hidden sm:aspect-[8/13] md:aspect-[10/13] lg:aspect-square xl:aspect-video"><div class="absolute inset-0 overflow-hidden bg-navy"><div class="gradient-container absolute inset-0 bg-gradient-sm bg-cover opacity-50 mix-blend-overlay md:bg-gradient bg-bottom"></div><div class="absolute inset-0"><div class="absolute h-[40vh] w-[75vh] bg-gradient-radial from-turquoise to-transparent to-70% opacity-40 md:h-[22vw] md:w-[75vw] bottom-1/2 right-0"></div><div class="absolute aspect-video w-3/4 bg-gradient-radial from-green to-transparent to-70% opacity-30 bottom-1/4 left-0 "></div></div><div class="absolute inset-0 from-black-2 to-transparent to-10% bg-gradient-to-t"></div></div><div class="absolute inset-0 h-full w-full mix-blend-overlay bg-[url('https://cdn.shopify.com/s/files/1/0598/4822/8886/files/grain.png?v=1692383484')] animation-play-state-paused"></div><div class="absolute left-1/2 top-[-8%] grid w-[180vw] -translate-x-1/2 grid-cols-2 gap-x-10 mix-blend-color-dodge sm:top-[-14%] sm:w-[150vw] md:w-[180vw] md:grid-cols-3 lg:top-[-30%] lg:w-[130vw] xl:top-[-20%] xl:w-[110vw] not-touch-device:opacity-40"><div class="reveal relative transition-[transform,opacity] duration-500 ease-in-out delay-75 md:motion-safe:translate-y-32 md:motion-safe:opacity-0"><div class="relative mx-auto w-full select-none opacity-40 mix-blend-color-dodge"><div class="relative w-full" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 205.654 134.55" class="glass relative z-10 md:motion-safe:animate-float"><path fill="url(#face-gradient)" d="M1.127 54.176 36.61 35.491l35.122 22.001 31.897-16.797-35.5-21.812L103.241 0l102.412 63.63-35.23 18.48-35.663-21.778-30.773 16.87 34.162 21.705-34.54 19.062z"></path><path fill="url(#west-gradient)" d="M1.127 54.176C.113 71.11 0 71.166 0 71.166l102.902 63.384.709-16.581zm67.001-35.293-.932 16.866 21.012 13.097 15.42-8.151Zm66.633 41.449-.38 17.01 35.332 21.79.71-17.023z"></path><path fill="url(#south-gradient)" d="m138.15 98.907-34.54 19.062-.708 16.58 34.901-18.719zm-3.389-38.575-30.773 16.87 13.676 8.685 16.717-8.545zm70.893 3.298-1 16.545-34.941 18.956.71-17.022z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 205.654 134.55" class="glass absolute top-0 opacity-40 mix-blend-overlay md:motion-safe:animate-float"><path fill="#FFFFFF" d="M1.127 54.176 36.61 35.491l35.122 22.001 31.897-16.797-35.5-21.812L103.241 0l102.412 63.63-35.23 18.48-35.663-21.778-30.773 16.87 34.162 21.705-34.54 19.062z"></path><path fill="#FFFFFF" d="M1.127 54.176C.113 71.11 0 71.166 0 71.166l102.902 63.384.709-16.581zm67.001-35.293-.932 16.866 21.012 13.097 15.42-8.151Zm66.633 41.449-.38 17.01 35.332 21.79.71-17.023z"></path><path fill="#FFFFFF" d="m138.15 98.907-34.54 19.062-.708 16.58 34.901-18.719zm-3.389-38.575-30.773 16.87 13.676 8.685 16.717-8.545zm70.893 3.298-1 16.545-34.941 18.956.71-17.022z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 205.654 134.55" class="block translate-y-[-12.35%] opacity-40 mix-blend-multiply md:motion-safe:animate-delay-float"><path fill="#A7A6A6" d="M1.127 54.176 36.61 35.491l35.122 22.001 31.897-16.797-35.5-21.812L103.241 0l102.412 63.63-35.23 18.48-35.663-21.778-30.773 16.87 34.162 21.705-34.54 19.062z"></path><path fill="#848383" d="M1.127 54.176C.113 71.11 0 71.166 0 71.166l102.902 63.384.709-16.581zm67.001-35.293-.932 16.866 21.012 13.097 15.42-8.151Zm66.633 41.449-.38 17.01 35.332 21.79.71-17.023z"></path><path fill="#848383" d="m138.15 98.907-34.54 19.062-.708 16.58 34.901-18.719zm-3.389-38.575-30.773 16.87 13.676 8.685 16.717-8.545zm70.893 3.298-1 16.545-34.941 18.956.71-17.022z"></path></svg></div></div></div><div class="reveal relative transition-[transform,opacity] duration-500 ease-in-out delay-100 md:motion-safe:translate-y-32 md:motion-safe:opacity-0"><div class="relative mx-auto w-full select-none opacity-40 mix-blend-color-dodge"><div class="relative w-full" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 205.654 134.55" class="glass relative z-10 md:motion-safe:animate-float"><path fill="url(#face-gradient)" d="M1.127 54.176 36.61 35.491l35.122 22.001 31.897-16.797-35.5-21.812L103.241 0l102.412 63.63-35.23 18.48-35.663-21.778-30.773 16.87 34.162 21.705-34.54 19.062z"></path><path fill="url(#west-gradient)" d="M1.127 54.176C.113 71.11 0 71.166 0 71.166l102.902 63.384.709-16.581zm67.001-35.293-.932 16.866 21.012 13.097 15.42-8.151Zm66.633 41.449-.38 17.01 35.332 21.79.71-17.023z"></path><path fill="url(#south-gradient)" d="m138.15 98.907-34.54 19.062-.708 16.58 34.901-18.719zm-3.389-38.575-30.773 16.87 13.676 8.685 16.717-8.545zm70.893 3.298-1 16.545-34.941 18.956.71-17.022z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 205.654 134.55" class="glass absolute top-0 opacity-40 mix-blend-overlay md:motion-safe:animate-float"><path fill="#FFFFFF" d="M1.127 54.176 36.61 35.491l35.122 22.001 31.897-16.797-35.5-21.812L103.241 0l102.412 63.63-35.23 18.48-35.663-21.778-30.773 16.87 34.162 21.705-34.54 19.062z"></path><path fill="#FFFFFF" d="M1.127 54.176C.113 71.11 0 71.166 0 71.166l102.902 63.384.709-16.581zm67.001-35.293-.932 16.866 21.012 13.097 15.42-8.151Zm66.633 41.449-.38 17.01 35.332 21.79.71-17.023z"></path><path fill="#FFFFFF" d="m138.15 98.907-34.54 19.062-.708 16.58 34.901-18.719zm-3.389-38.575-30.773 16.87 13.676 8.685 16.717-8.545zm70.893 3.298-1 16.545-34.941 18.956.71-17.022z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 205.654 134.55" class="block translate-y-[-12.35%] opacity-40 mix-blend-multiply md:motion-safe:animate-delay-float"><path fill="#A7A6A6" d="M1.127 54.176 36.61 35.491l35.122 22.001 31.897-16.797-35.5-21.812L103.241 0l102.412 63.63-35.23 18.48-35.663-21.778-30.773 16.87 34.162 21.705-34.54 19.062z"></path><path fill="#848383" d="M1.127 54.176C.113 71.11 0 71.166 0 71.166l102.902 63.384.709-16.581zm67.001-35.293-.932 16.866 21.012 13.097 15.42-8.151Zm66.633 41.449-.38 17.01 35.332 21.79.71-17.023z"></path><path fill="#848383" d="m138.15 98.907-34.54 19.062-.708 16.58 34.901-18.719zm-3.389-38.575-30.773 16.87 13.676 8.685 16.717-8.545zm70.893 3.298-1 16.545-34.941 18.956.71-17.022z"></path></svg></div></div></div><div class="reveal relative transition-[transform,opacity] duration-500 ease-in-out delay-150 md:motion-safe:translate-y-32 md:motion-safe:opacity-0"><div class="relative mx-auto w-full select-none opacity-40 mix-blend-color-dodge"><div class="relative w-full" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 205.654 134.55" class="glass relative z-10 md:motion-safe:animate-float"><path fill="url(#face-gradient)" d="M1.127 54.176 36.61 35.491l35.122 22.001 31.897-16.797-35.5-21.812L103.241 0l102.412 63.63-35.23 18.48-35.663-21.778-30.773 16.87 34.162 21.705-34.54 19.062z"></path><path fill="url(#west-gradient)" d="M1.127 54.176C.113 71.11 0 71.166 0 71.166l102.902 63.384.709-16.581zm67.001-35.293-.932 16.866 21.012 13.097 15.42-8.151Zm66.633 41.449-.38 17.01 35.332 21.79.71-17.023z"></path><path fill="url(#south-gradient)" d="m138.15 98.907-34.54 19.062-.708 16.58 34.901-18.719zm-3.389-38.575-30.773 16.87 13.676 8.685 16.717-8.545zm70.893 3.298-1 16.545-34.941 18.956.71-17.022z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 205.654 134.55" class="glass absolute top-0 opacity-40 mix-blend-overlay md:motion-safe:animate-float"><path fill="#FFFFFF" d="M1.127 54.176 36.61 35.491l35.122 22.001 31.897-16.797-35.5-21.812L103.241 0l102.412 63.63-35.23 18.48-35.663-21.778-30.773 16.87 34.162 21.705-34.54 19.062z"></path><path fill="#FFFFFF" d="M1.127 54.176C.113 71.11 0 71.166 0 71.166l102.902 63.384.709-16.581zm67.001-35.293-.932 16.866 21.012 13.097 15.42-8.151Zm66.633 41.449-.38 17.01 35.332 21.79.71-17.023z"></path><path fill="#FFFFFF" d="m138.15 98.907-34.54 19.062-.708 16.58 34.901-18.719zm-3.389-38.575-30.773 16.87 13.676 8.685 16.717-8.545zm70.893 3.298-1 16.545-34.941 18.956.71-17.022z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 205.654 134.55" class="block translate-y-[-12.35%] opacity-40 mix-blend-multiply md:motion-safe:animate-delay-float"><path fill="#A7A6A6" d="M1.127 54.176 36.61 35.491l35.122 22.001 31.897-16.797-35.5-21.812L103.241 0l102.412 63.63-35.23 18.48-35.663-21.778-30.773 16.87 34.162 21.705-34.54 19.062z"></path><path fill="#848383" d="M1.127 54.176C.113 71.11 0 71.166 0 71.166l102.902 63.384.709-16.581zm67.001-35.293-.932 16.866 21.012 13.097 15.42-8.151Zm66.633 41.449-.38 17.01 35.332 21.79.71-17.023z"></path><path fill="#848383" d="m138.15 98.907-34.54 19.062-.708 16.58 34.901-18.719zm-3.389-38.575-30.773 16.87 13.676 8.685 16.717-8.545zm70.893 3.298-1 16.545-34.941 18.956.71-17.022z"></path></svg></div></div></div><div class="reveal relative transition-[transform,opacity] duration-500 ease-in-out delay-200 md:motion-safe:translate-y-32 md:motion-safe:opacity-0"><div class="relative mx-auto w-full select-none opacity-40 mix-blend-color-dodge"><div class="relative w-full" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 205.654 134.55" class="glass relative z-10 md:motion-safe:animate-float"><path fill="url(#face-gradient)" d="M1.127 54.176 36.61 35.491l35.122 22.001 31.897-16.797-35.5-21.812L103.241 0l102.412 63.63-35.23 18.48-35.663-21.778-30.773 16.87 34.162 21.705-34.54 19.062z"></path><path fill="url(#west-gradient)" d="M1.127 54.176C.113 71.11 0 71.166 0 71.166l102.902 63.384.709-16.581zm67.001-35.293-.932 16.866 21.012 13.097 15.42-8.151Zm66.633 41.449-.38 17.01 35.332 21.79.71-17.023z"></path><path fill="url(#south-gradient)" d="m138.15 98.907-34.54 19.062-.708 16.58 34.901-18.719zm-3.389-38.575-30.773 16.87 13.676 8.685 16.717-8.545zm70.893 3.298-1 16.545-34.941 18.956.71-17.022z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 205.654 134.55" class="glass absolute top-0 opacity-40 mix-blend-overlay md:motion-safe:animate-float"><path fill="#FFFFFF" d="M1.127 54.176 36.61 35.491l35.122 22.001 31.897-16.797-35.5-21.812L103.241 0l102.412 63.63-35.23 18.48-35.663-21.778-30.773 16.87 34.162 21.705-34.54 19.062z"></path><path fill="#FFFFFF" d="M1.127 54.176C.113 71.11 0 71.166 0 71.166l102.902 63.384.709-16.581zm67.001-35.293-.932 16.866 21.012 13.097 15.42-8.151Zm66.633 41.449-.38 17.01 35.332 21.79.71-17.023z"></path><path fill="#FFFFFF" d="m138.15 98.907-34.54 19.062-.708 16.58 34.901-18.719zm-3.389-38.575-30.773 16.87 13.676 8.685 16.717-8.545zm70.893 3.298-1 16.545-34.941 18.956.71-17.022z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 205.654 134.55" class="block translate-y-[-12.35%] opacity-40 mix-blend-multiply md:motion-safe:animate-delay-float"><path fill="#A7A6A6" d="M1.127 54.176 36.61 35.491l35.122 22.001 31.897-16.797-35.5-21.812L103.241 0l102.412 63.63-35.23 18.48-35.663-21.778-30.773 16.87 34.162 21.705-34.54 19.062z"></path><path fill="#848383" d="M1.127 54.176C.113 71.11 0 71.166 0 71.166l102.902 63.384.709-16.581zm67.001-35.293-.932 16.866 21.012 13.097 15.42-8.151Zm66.633 41.449-.38 17.01 35.332 21.79.71-17.023z"></path><path fill="#848383" d="m138.15 98.907-34.54 19.062-.708 16.58 34.901-18.719zm-3.389-38.575-30.773 16.87 13.676 8.685 16.717-8.545zm70.893 3.298-1 16.545-34.941 18.956.71-17.022z"></path></svg></div></div></div><div class="reveal relative transition-[transform,opacity] duration-500 ease-in-out delay-300 hidden md:block md:motion-safe:translate-y-32 md:motion-safe:opacity-0"><div class="relative mx-auto w-full select-none opacity-40 mix-blend-color-dodge"><div class="relative w-full" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 205.654 134.55" class="glass relative z-10 md:motion-safe:animate-float"><path fill="url(#face-gradient)" d="M1.127 54.176 36.61 35.491l35.122 22.001 31.897-16.797-35.5-21.812L103.241 0l102.412 63.63-35.23 18.48-35.663-21.778-30.773 16.87 34.162 21.705-34.54 19.062z"></path><path fill="url(#west-gradient)" d="M1.127 54.176C.113 71.11 0 71.166 0 71.166l102.902 63.384.709-16.581zm67.001-35.293-.932 16.866 21.012 13.097 15.42-8.151Zm66.633 41.449-.38 17.01 35.332 21.79.71-17.023z"></path><path fill="url(#south-gradient)" d="m138.15 98.907-34.54 19.062-.708 16.58 34.901-18.719zm-3.389-38.575-30.773 16.87 13.676 8.685 16.717-8.545zm70.893 3.298-1 16.545-34.941 18.956.71-17.022z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 205.654 134.55" class="glass absolute top-0 opacity-40 mix-blend-overlay md:motion-safe:animate-float"><path fill="#FFFFFF" d="M1.127 54.176 36.61 35.491l35.122 22.001 31.897-16.797-35.5-21.812L103.241 0l102.412 63.63-35.23 18.48-35.663-21.778-30.773 16.87 34.162 21.705-34.54 19.062z"></path><path fill="#FFFFFF" d="M1.127 54.176C.113 71.11 0 71.166 0 71.166l102.902 63.384.709-16.581zm67.001-35.293-.932 16.866 21.012 13.097 15.42-8.151Zm66.633 41.449-.38 17.01 35.332 21.79.71-17.023z"></path><path fill="#FFFFFF" d="m138.15 98.907-34.54 19.062-.708 16.58 34.901-18.719zm-3.389-38.575-30.773 16.87 13.676 8.685 16.717-8.545zm70.893 3.298-1 16.545-34.941 18.956.71-17.022z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 205.654 134.55" class="block translate-y-[-12.35%] opacity-40 mix-blend-multiply md:motion-safe:animate-delay-float"><path fill="#A7A6A6" d="M1.127 54.176 36.61 35.491l35.122 22.001 31.897-16.797-35.5-21.812L103.241 0l102.412 63.63-35.23 18.48-35.663-21.778-30.773 16.87 34.162 21.705-34.54 19.062z"></path><path fill="#848383" d="M1.127 54.176C.113 71.11 0 71.166 0 71.166l102.902 63.384.709-16.581zm67.001-35.293-.932 16.866 21.012 13.097 15.42-8.151Zm66.633 41.449-.38 17.01 35.332 21.79.71-17.023z"></path><path fill="#848383" d="m138.15 98.907-34.54 19.062-.708 16.58 34.901-18.719zm-3.389-38.575-30.773 16.87 13.676 8.685 16.717-8.545zm70.893 3.298-1 16.545-34.941 18.956.71-17.022z"></path></svg></div></div></div><div class="reveal relative transition-[transform,opacity] duration-500 ease-in-out delay-500 hidden md:block md:motion-safe:translate-y-32 md:motion-safe:opacity-0"><div class="relative mx-auto w-full select-none opacity-40 mix-blend-color-dodge"><div class="relative w-full" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 205.654 134.55" class="glass relative z-10 md:motion-safe:animate-float"><path fill="url(#face-gradient)" d="M1.127 54.176 36.61 35.491l35.122 22.001 31.897-16.797-35.5-21.812L103.241 0l102.412 63.63-35.23 18.48-35.663-21.778-30.773 16.87 34.162 21.705-34.54 19.062z"></path><path fill="url(#west-gradient)" d="M1.127 54.176C.113 71.11 0 71.166 0 71.166l102.902 63.384.709-16.581zm67.001-35.293-.932 16.866 21.012 13.097 15.42-8.151Zm66.633 41.449-.38 17.01 35.332 21.79.71-17.023z"></path><path fill="url(#south-gradient)" d="m138.15 98.907-34.54 19.062-.708 16.58 34.901-18.719zm-3.389-38.575-30.773 16.87 13.676 8.685 16.717-8.545zm70.893 3.298-1 16.545-34.941 18.956.71-17.022z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 205.654 134.55" class="glass absolute top-0 opacity-40 mix-blend-overlay md:motion-safe:animate-float"><path fill="#FFFFFF" d="M1.127 54.176 36.61 35.491l35.122 22.001 31.897-16.797-35.5-21.812L103.241 0l102.412 63.63-35.23 18.48-35.663-21.778-30.773 16.87 34.162 21.705-34.54 19.062z"></path><path fill="#FFFFFF" d="M1.127 54.176C.113 71.11 0 71.166 0 71.166l102.902 63.384.709-16.581zm67.001-35.293-.932 16.866 21.012 13.097 15.42-8.151Zm66.633 41.449-.38 17.01 35.332 21.79.71-17.023z"></path><path fill="#FFFFFF" d="m138.15 98.907-34.54 19.062-.708 16.58 34.901-18.719zm-3.389-38.575-30.773 16.87 13.676 8.685 16.717-8.545zm70.893 3.298-1 16.545-34.941 18.956.71-17.022z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 205.654 134.55" class="block translate-y-[-12.35%] opacity-40 mix-blend-multiply md:motion-safe:animate-delay-float"><path fill="#A7A6A6" d="M1.127 54.176 36.61 35.491l35.122 22.001 31.897-16.797-35.5-21.812L103.241 0l102.412 63.63-35.23 18.48-35.663-21.778-30.773 16.87 34.162 21.705-34.54 19.062z"></path><path fill="#848383" d="M1.127 54.176C.113 71.11 0 71.166 0 71.166l102.902 63.384.709-16.581zm67.001-35.293-.932 16.866 21.012 13.097 15.42-8.151Zm66.633 41.449-.38 17.01 35.332 21.79.71-17.023z"></path><path fill="#848383" d="m138.15 98.907-34.54 19.062-.708 16.58 34.901-18.719zm-3.389-38.575-30.773 16.87 13.676 8.685 16.717-8.545zm70.893 3.298-1 16.545-34.941 18.956.71-17.022z"></path></svg></div></div></div></div><div class="absolute inset-0 bg-gradient-to-t from-black-2 via-transparent to-transparent"></div></div><main tabindex="-1" role="main" id="main"><div class="min-h-[150vh]"><div class="hero"><div class="container relative flex h-full items-center justify-center pb-80 pt-160 sm:py-180 lg:py-220"><div class="text-center"><h1 class="mb-24 focus:outline-none md:mb-32" tabindex="-1">Integrations</h1><p class="balance-text mx-auto mb-24 max-w-prose text-18 md:mb-40 md:text-22">Extend the capabilities of your build with integrations specifically designed for Hydrogen.</p></div></div></div><div class="wide-container grid gap-x-32 gap-y-30 sm:gap-y-80 md:grid-cols-3 xl:grid-cols-4"><div class="reveal relative transition-[transform,opacity] duration-500 ease-in-out pb-40 md:motion-safe:translate-y-32 md:motion-safe:opacity-0"><img alt="Sanity logo" decoding="async" loading="lazy" src="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/sanity.png?v=1692987383&width=100&crop=center" srcSet="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/sanity.png?v=1692987383&width=200&crop=center 200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/sanity.png?v=1692987383&width=400&crop=center 400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/sanity.png?v=1692987383&width=600&crop=center 600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/sanity.png?v=1692987383&width=800&crop=center 800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/sanity.png?v=1692987383&width=1000&crop=center 1000w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/sanity.png?v=1692987383&width=1200&crop=center 1200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/sanity.png?v=1692987383&width=1400&crop=center 1400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/sanity.png?v=1692987383&width=1600&crop=center 1600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/sanity.png?v=1692987383&width=1800&crop=center 1800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/sanity.png?v=1692987383&width=2000&crop=center 2000w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/sanity.png?v=1692987383&width=2200&crop=center 2200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/sanity.png?v=1692987383&width=2400&crop=center 2400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/sanity.png?v=1692987383&width=2600&crop=center 2600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/sanity.png?v=1692987383&width=2800&crop=center 2800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/sanity.png?v=1692987383&width=3000&crop=center 3000w" width="100" class="mb-24 w-full object-cover aspect-video" style="width:100%"/><h2 class="title4 mb-12">Sanity</h2><p class="mb-24">Unconstrain your Hydrogen storefront with Sanity as your central source of truth for content. Use unlimited content types to build performant, high-converting, and easy-to-manage digital experiences.</p><div class="mb-24 flex flex-wrap gap-16"><span class="no-wrap"><a href="https://www.sanity.io/shopify" target="_blank" rel="noreferrer" class="code underline hover:no-underline" data-event-page="integrations" data-event-category="integrations" data-event-action="click-link" data-event-label="Learn more">Learn more</a><span class="icon inline-block bg-current hover:bg-current ml-4 h-13 w-13" aria-hidden="true" style="--mask-url:url(https://cdn.shopify.com/s/files/1/0598/4822/8886/files/external.svg?v=1691688830);-webkit-mask-size:contain;transform:translateZ(0)"></span></span><span class="no-wrap"><a href="https://github.com/sanity-io/hydrogen-sanity" target="_blank" rel="noreferrer" class="code underline hover:no-underline" data-event-page="integrations" data-event-category="integrations" data-event-action="click-link" data-event-label="Get started">Get started</a><span class="icon inline-block bg-current hover:bg-current ml-4 h-13 w-13" aria-hidden="true" style="--mask-url:url(https://cdn.shopify.com/s/files/1/0598/4822/8886/files/external.svg?v=1691688830);-webkit-mask-size:contain;transform:translateZ(0)"></span></span></div><ul class="flex flex-wrap gap-8"></ul></div><div class="reveal relative transition-[transform,opacity] duration-500 ease-in-out pb-40 md:delay-100 xl:delay-100 md:motion-safe:translate-y-32 md:motion-safe:opacity-0"><img alt="Algolia logo" decoding="async" loading="lazy" src="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/algolia.jpg?v=1692995890&width=100&crop=center" srcSet="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/algolia.jpg?v=1692995890&width=200&crop=center 200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/algolia.jpg?v=1692995890&width=400&crop=center 400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/algolia.jpg?v=1692995890&width=600&crop=center 600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/algolia.jpg?v=1692995890&width=800&crop=center 800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/algolia.jpg?v=1692995890&width=1000&crop=center 1000w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/algolia.jpg?v=1692995890&width=1200&crop=center 1200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/algolia.jpg?v=1692995890&width=1400&crop=center 1400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/algolia.jpg?v=1692995890&width=1600&crop=center 1600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/algolia.jpg?v=1692995890&width=1800&crop=center 1800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/algolia.jpg?v=1692995890&width=2000&crop=center 2000w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/algolia.jpg?v=1692995890&width=2200&crop=center 2200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/algolia.jpg?v=1692995890&width=2400&crop=center 2400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/algolia.jpg?v=1692995890&width=2600&crop=center 2600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/algolia.jpg?v=1692995890&width=2800&crop=center 2800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/algolia.jpg?v=1692995890&width=3000&crop=center 3000w" width="100" class="mb-24 w-full object-cover aspect-video" style="width:100%"/><h2 class="title4 mb-12">Algolia</h2><p class="mb-24">Algolia is an end-to-end AI search & discovery platform providing NeuralSearch, featuring Merch Studio, Custom & AI-based Ranking, Personalization, Dynamic Synonyms, Conversion Analytics & more.</p><div class="mb-24 flex flex-wrap gap-16"><span class="no-wrap"><a href="https://github.com/algolia/shopify-hydrogen-algolia" target="_blank" rel="noreferrer" class="code underline hover:no-underline" data-event-page="integrations" data-event-category="integrations" data-event-action="click-link" data-event-label="Get started">Get started</a><span class="icon inline-block bg-current hover:bg-current ml-4 h-13 w-13" aria-hidden="true" style="--mask-url:url(https://cdn.shopify.com/s/files/1/0598/4822/8886/files/external.svg?v=1691688830);-webkit-mask-size:contain;transform:translateZ(0)"></span></span></div><ul class="flex flex-wrap gap-8"></ul></div><div class="reveal relative transition-[transform,opacity] duration-500 ease-in-out pb-40 md:delay-200 xl:delay-200 md:motion-safe:translate-y-32 md:motion-safe:opacity-0"><img alt="Gorgias" decoding="async" loading="lazy" src="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/gorgias.png?v=1695260553&width=100&crop=center" srcSet="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/gorgias.png?v=1695260553&width=200&crop=center 200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/gorgias.png?v=1695260553&width=400&crop=center 400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/gorgias.png?v=1695260553&width=600&crop=center 600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/gorgias.png?v=1695260553&width=800&crop=center 800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/gorgias.png?v=1695260553&width=1000&crop=center 1000w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/gorgias.png?v=1695260553&width=1200&crop=center 1200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/gorgias.png?v=1695260553&width=1400&crop=center 1400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/gorgias.png?v=1695260553&width=1600&crop=center 1600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/gorgias.png?v=1695260553&width=1800&crop=center 1800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/gorgias.png?v=1695260553&width=2000&crop=center 2000w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/gorgias.png?v=1695260553&width=2200&crop=center 2200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/gorgias.png?v=1695260553&width=2400&crop=center 2400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/gorgias.png?v=1695260553&width=2600&crop=center 2600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/gorgias.png?v=1695260553&width=2800&crop=center 2800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/gorgias.png?v=1695260553&width=3000&crop=center 3000w" width="100" class="mb-24 w-full object-cover aspect-video" style="width:100%"/><h2 class="title4 mb-12">Gorgias</h2><p class="mb-24">Gorgias is the number one help desk built for Shopify Plus brands on Hydrogen. Their native Hydrogen and Shopify integration allows merchants to manage customer support in one place across all channels.</p><div class="mb-24 flex flex-wrap gap-16"><span class="no-wrap"><a href="https://docs.gorgias.com/en-US/shopify-hydrogen-96240" target="_blank" rel="noreferrer" class="code underline hover:no-underline" data-event-page="integrations" data-event-category="integrations" data-event-action="click-link" data-event-label="Read more">Read more</a><span class="icon inline-block bg-current hover:bg-current ml-4 h-13 w-13" aria-hidden="true" style="--mask-url:url(https://cdn.shopify.com/s/files/1/0598/4822/8886/files/external.svg?v=1691688830);-webkit-mask-size:contain;transform:translateZ(0)"></span></span><span class="no-wrap"><a href="https://github.com/gorgias/hydrogen-demo/" target="_blank" rel="noreferrer" class="code underline hover:no-underline" data-event-page="integrations" data-event-category="integrations" data-event-action="click-link" data-event-label="See demo">See demo</a><span class="icon inline-block bg-current hover:bg-current ml-4 h-13 w-13" aria-hidden="true" style="--mask-url:url(https://cdn.shopify.com/s/files/1/0598/4822/8886/files/external.svg?v=1691688830);-webkit-mask-size:contain;transform:translateZ(0)"></span></span></div><ul class="flex flex-wrap gap-8"></ul></div><div class="reveal relative transition-[transform,opacity] duration-500 ease-in-out pb-40 xl:delay-300 md:motion-safe:translate-y-32 md:motion-safe:opacity-0"><img alt="Rebuy" decoding="async" loading="lazy" src="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Rebuy.png?v=1695262011&width=100&crop=center" srcSet="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Rebuy.png?v=1695262011&width=200&crop=center 200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Rebuy.png?v=1695262011&width=400&crop=center 400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Rebuy.png?v=1695262011&width=600&crop=center 600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Rebuy.png?v=1695262011&width=800&crop=center 800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Rebuy.png?v=1695262011&width=1000&crop=center 1000w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Rebuy.png?v=1695262011&width=1200&crop=center 1200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Rebuy.png?v=1695262011&width=1400&crop=center 1400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Rebuy.png?v=1695262011&width=1600&crop=center 1600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Rebuy.png?v=1695262011&width=1800&crop=center 1800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Rebuy.png?v=1695262011&width=2000&crop=center 2000w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Rebuy.png?v=1695262011&width=2200&crop=center 2200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Rebuy.png?v=1695262011&width=2400&crop=center 2400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Rebuy.png?v=1695262011&width=2600&crop=center 2600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Rebuy.png?v=1695262011&width=2800&crop=center 2800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Rebuy.png?v=1695262011&width=3000&crop=center 3000w" width="100" class="mb-24 w-full object-cover aspect-video" style="width:100%"/><h2 class="title4 mb-12">Rebuy</h2><p class="mb-24">Rebuy makes it incredibly easy to bring powerful personalized product recommendations and smart search to Hydrogen storefronts.</p><div class="mb-24 flex flex-wrap gap-16"><span class="no-wrap"><a href="https://developers.rebuyengine.com/reference/shopify-hydrogen-getting-started" target="_blank" rel="noreferrer" class="code underline hover:no-underline" data-event-page="integrations" data-event-category="integrations" data-event-action="click-link" data-event-label="Read docs">Read docs</a><span class="icon inline-block bg-current hover:bg-current ml-4 h-13 w-13" aria-hidden="true" style="--mask-url:url(https://cdn.shopify.com/s/files/1/0598/4822/8886/files/external.svg?v=1691688830);-webkit-mask-size:contain;transform:translateZ(0)"></span></span><span class="no-wrap"><a href="https://bitbucket.org/rebuyengine/npm-rebuy-hydrogen/src/master/README.md" target="_blank" rel="noreferrer" class="code underline hover:no-underline" data-event-page="integrations" data-event-category="integrations" data-event-action="click-link" data-event-label="Get started">Get started</a><span class="icon inline-block bg-current hover:bg-current ml-4 h-13 w-13" aria-hidden="true" style="--mask-url:url(https://cdn.shopify.com/s/files/1/0598/4822/8886/files/external.svg?v=1691688830);-webkit-mask-size:contain;transform:translateZ(0)"></span></span></div><ul class="flex flex-wrap gap-8"></ul></div><div class="reveal relative transition-[transform,opacity] duration-500 ease-in-out pb-40 md:delay-100 md:motion-safe:translate-y-32 md:motion-safe:opacity-0"><img alt="Okendo logo" decoding="async" loading="lazy" src="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/okendo.png?v=1692987481&width=100&crop=center" srcSet="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/okendo.png?v=1692987481&width=200&crop=center 200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/okendo.png?v=1692987481&width=400&crop=center 400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/okendo.png?v=1692987481&width=600&crop=center 600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/okendo.png?v=1692987481&width=800&crop=center 800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/okendo.png?v=1692987481&width=1000&crop=center 1000w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/okendo.png?v=1692987481&width=1200&crop=center 1200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/okendo.png?v=1692987481&width=1400&crop=center 1400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/okendo.png?v=1692987481&width=1600&crop=center 1600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/okendo.png?v=1692987481&width=1800&crop=center 1800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/okendo.png?v=1692987481&width=2000&crop=center 2000w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/okendo.png?v=1692987481&width=2200&crop=center 2200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/okendo.png?v=1692987481&width=2400&crop=center 2400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/okendo.png?v=1692987481&width=2600&crop=center 2600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/okendo.png?v=1692987481&width=2800&crop=center 2800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/okendo.png?v=1692987481&width=3000&crop=center 3000w" width="100" class="mb-24 w-full object-cover aspect-video" style="width:100%"/><h2 class="title4 mb-12">Okendo</h2><p class="mb-24">Okendo's native Hydrogen components deliver fresh, fast star ratings and review widgets without compromising the performance of your store. The integration provides the total end-to-end experience.</p><div class="mb-24 flex flex-wrap gap-16"><span class="no-wrap"><a href="https://docs.okendo.io/okendo-shopify-hydrogen-support" target="_blank" rel="noreferrer" class="code underline hover:no-underline" data-event-page="integrations" data-event-category="integrations" data-event-action="click-link" data-event-label="Read docs">Read docs</a><span class="icon inline-block bg-current hover:bg-current ml-4 h-13 w-13" aria-hidden="true" style="--mask-url:url(https://cdn.shopify.com/s/files/1/0598/4822/8886/files/external.svg?v=1691688830);-webkit-mask-size:contain;transform:translateZ(0)"></span></span><span class="no-wrap"><a href="https://github.com/okendo/okendo-shopify-hydrogen-demo" target="_blank" rel="noreferrer" class="code underline hover:no-underline" data-event-page="integrations" data-event-category="integrations" data-event-action="click-link" data-event-label="See demo">See demo</a><span class="icon inline-block bg-current hover:bg-current ml-4 h-13 w-13" aria-hidden="true" style="--mask-url:url(https://cdn.shopify.com/s/files/1/0598/4822/8886/files/external.svg?v=1691688830);-webkit-mask-size:contain;transform:translateZ(0)"></span></span></div><ul class="flex flex-wrap gap-8"></ul></div><div class="reveal relative transition-[transform,opacity] duration-500 ease-in-out pb-40 md:delay-200 xl:delay-100 md:motion-safe:translate-y-32 md:motion-safe:opacity-0"><img alt="Yotpo" decoding="async" loading="lazy" src="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Yotpo_0c063968-6b12-47d1-a5eb-dc33ef76b897.png?v=1703166236&width=100&crop=center" srcSet="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Yotpo_0c063968-6b12-47d1-a5eb-dc33ef76b897.png?v=1703166236&width=200&crop=center 200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Yotpo_0c063968-6b12-47d1-a5eb-dc33ef76b897.png?v=1703166236&width=400&crop=center 400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Yotpo_0c063968-6b12-47d1-a5eb-dc33ef76b897.png?v=1703166236&width=600&crop=center 600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Yotpo_0c063968-6b12-47d1-a5eb-dc33ef76b897.png?v=1703166236&width=800&crop=center 800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Yotpo_0c063968-6b12-47d1-a5eb-dc33ef76b897.png?v=1703166236&width=1000&crop=center 1000w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Yotpo_0c063968-6b12-47d1-a5eb-dc33ef76b897.png?v=1703166236&width=1200&crop=center 1200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Yotpo_0c063968-6b12-47d1-a5eb-dc33ef76b897.png?v=1703166236&width=1400&crop=center 1400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Yotpo_0c063968-6b12-47d1-a5eb-dc33ef76b897.png?v=1703166236&width=1600&crop=center 1600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Yotpo_0c063968-6b12-47d1-a5eb-dc33ef76b897.png?v=1703166236&width=1800&crop=center 1800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Yotpo_0c063968-6b12-47d1-a5eb-dc33ef76b897.png?v=1703166236&width=2000&crop=center 2000w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Yotpo_0c063968-6b12-47d1-a5eb-dc33ef76b897.png?v=1703166236&width=2200&crop=center 2200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Yotpo_0c063968-6b12-47d1-a5eb-dc33ef76b897.png?v=1703166236&width=2400&crop=center 2400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Yotpo_0c063968-6b12-47d1-a5eb-dc33ef76b897.png?v=1703166236&width=2600&crop=center 2600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Yotpo_0c063968-6b12-47d1-a5eb-dc33ef76b897.png?v=1703166236&width=2800&crop=center 2800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Yotpo_0c063968-6b12-47d1-a5eb-dc33ef76b897.png?v=1703166236&width=3000&crop=center 3000w" width="100" class="mb-24 w-full object-cover aspect-video" style="width:100%"/><h2 class="title4 mb-12">Yotpo</h2><p class="mb-24">Seamlessly grow subscribers and engage in real-time at every step of the journey, like abandoned checkout. Access 50+ data points for targeted messages and use data-driven insights to optimize.</p><div class="mb-24 flex flex-wrap gap-16"><span class="no-wrap"><a href="https://support.yotpo.com/docs/search?query=Hydrogen&searchType=articles" target="_blank" rel="noreferrer" class="code underline hover:no-underline" data-event-page="integrations" data-event-category="integrations" data-event-action="click-link" data-event-label="Read docs">Read docs</a><span class="icon inline-block bg-current hover:bg-current ml-4 h-13 w-13" aria-hidden="true" style="--mask-url:url(https://cdn.shopify.com/s/files/1/0598/4822/8886/files/external.svg?v=1691688830);-webkit-mask-size:contain;transform:translateZ(0)"></span></span></div><ul class="flex flex-wrap gap-8"></ul></div><div class="reveal relative transition-[transform,opacity] duration-500 ease-in-out pb-40 xl:delay-200 md:motion-safe:translate-y-32 md:motion-safe:opacity-0"><img alt="Dynamic Yield" decoding="async" loading="lazy" src="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/DynamicYield.png?v=1695261427&width=100&crop=center" srcSet="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/DynamicYield.png?v=1695261427&width=200&crop=center 200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/DynamicYield.png?v=1695261427&width=400&crop=center 400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/DynamicYield.png?v=1695261427&width=600&crop=center 600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/DynamicYield.png?v=1695261427&width=800&crop=center 800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/DynamicYield.png?v=1695261427&width=1000&crop=center 1000w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/DynamicYield.png?v=1695261427&width=1200&crop=center 1200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/DynamicYield.png?v=1695261427&width=1400&crop=center 1400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/DynamicYield.png?v=1695261427&width=1600&crop=center 1600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/DynamicYield.png?v=1695261427&width=1800&crop=center 1800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/DynamicYield.png?v=1695261427&width=2000&crop=center 2000w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/DynamicYield.png?v=1695261427&width=2200&crop=center 2200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/DynamicYield.png?v=1695261427&width=2400&crop=center 2400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/DynamicYield.png?v=1695261427&width=2600&crop=center 2600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/DynamicYield.png?v=1695261427&width=2800&crop=center 2800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/DynamicYield.png?v=1695261427&width=3000&crop=center 3000w" width="100" class="mb-24 w-full object-cover aspect-video" style="width:100%"/><h2 class="title4 mb-12">Dynamic Yield</h2><p class="mb-24">Deploy the Experience Optimization Solution to track all visitor activities, page visits, and product integrations. Optimize and personalize customer experiences across any channel or touchpoint.</p><div class="mb-24 flex flex-wrap gap-16"><span class="no-wrap"><a href="https://support.dynamicyield.com/hc/en-us/articles/11893260911133" target="_blank" rel="noreferrer" class="code underline hover:no-underline" data-event-page="integrations" data-event-category="integrations" data-event-action="click-link" data-event-label="Read docs">Read docs</a><span class="icon inline-block bg-current hover:bg-current ml-4 h-13 w-13" aria-hidden="true" style="--mask-url:url(https://cdn.shopify.com/s/files/1/0598/4822/8886/files/external.svg?v=1691688830);-webkit-mask-size:contain;transform:translateZ(0)"></span></span><span class="no-wrap"><a href="https://github.com/DynamicYield/shopify-hydrogen-demo" target="_blank" rel="noreferrer" class="code underline hover:no-underline" data-event-page="integrations" data-event-category="integrations" data-event-action="click-link" data-event-label="See demo">See demo</a><span class="icon inline-block bg-current hover:bg-current ml-4 h-13 w-13" aria-hidden="true" style="--mask-url:url(https://cdn.shopify.com/s/files/1/0598/4822/8886/files/external.svg?v=1691688830);-webkit-mask-size:contain;transform:translateZ(0)"></span></span></div><ul class="flex flex-wrap gap-8"></ul></div><div class="reveal relative transition-[transform,opacity] duration-500 ease-in-out pb-40 md:delay-100 xl:delay-300 md:motion-safe:translate-y-32 md:motion-safe:opacity-0"><img alt="Nosto logo" decoding="async" loading="lazy" src="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/nosto.png?v=1692987497&width=100&crop=center" srcSet="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/nosto.png?v=1692987497&width=200&crop=center 200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/nosto.png?v=1692987497&width=400&crop=center 400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/nosto.png?v=1692987497&width=600&crop=center 600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/nosto.png?v=1692987497&width=800&crop=center 800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/nosto.png?v=1692987497&width=1000&crop=center 1000w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/nosto.png?v=1692987497&width=1200&crop=center 1200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/nosto.png?v=1692987497&width=1400&crop=center 1400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/nosto.png?v=1692987497&width=1600&crop=center 1600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/nosto.png?v=1692987497&width=1800&crop=center 1800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/nosto.png?v=1692987497&width=2000&crop=center 2000w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/nosto.png?v=1692987497&width=2200&crop=center 2200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/nosto.png?v=1692987497&width=2400&crop=center 2400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/nosto.png?v=1692987497&width=2600&crop=center 2600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/nosto.png?v=1692987497&width=2800&crop=center 2800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/nosto.png?v=1692987497&width=3000&crop=center 3000w" width="100" class="mb-24 w-full object-cover aspect-video" style="width:100%"/><h2 class="title4 mb-12">Nosto</h2><p class="mb-24">Nosto鈥檚 Commerce Experience Platform (CXP) fully supports Hydrogen storefronts. Use Nosto to build a headless stack without sacrificing the ability to deliver engaging and personalized commerce experiences.</p><div class="mb-24 flex flex-wrap gap-16"><span class="no-wrap"><a href="https://www.nosto.com/shopify-hydrogen/" target="_blank" rel="noreferrer" class="code underline hover:no-underline" data-event-page="integrations" data-event-category="integrations" data-event-action="click-link" data-event-label="Learn more">Learn more</a><span class="icon inline-block bg-current hover:bg-current ml-4 h-13 w-13" aria-hidden="true" style="--mask-url:url(https://cdn.shopify.com/s/files/1/0598/4822/8886/files/external.svg?v=1691688830);-webkit-mask-size:contain;transform:translateZ(0)"></span></span><span class="no-wrap"><a href="https://github.com/Nosto/shopify-hydrogen" target="_blank" rel="noreferrer" class="code underline hover:no-underline" data-event-page="integrations" data-event-category="integrations" data-event-action="click-link" data-event-label="Get started">Get started</a><span class="icon inline-block bg-current hover:bg-current ml-4 h-13 w-13" aria-hidden="true" style="--mask-url:url(https://cdn.shopify.com/s/files/1/0598/4822/8886/files/external.svg?v=1691688830);-webkit-mask-size:contain;transform:translateZ(0)"></span></span></div><ul class="flex flex-wrap gap-8"></ul></div><div class="reveal relative transition-[transform,opacity] duration-500 ease-in-out pb-40 md:delay-200 md:motion-safe:translate-y-32 md:motion-safe:opacity-0"><img alt="Crossing Minds" decoding="async" loading="lazy" src="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/CrossingMinds.png?v=1695260894&width=100&crop=center" srcSet="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/CrossingMinds.png?v=1695260894&width=200&crop=center 200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/CrossingMinds.png?v=1695260894&width=400&crop=center 400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/CrossingMinds.png?v=1695260894&width=600&crop=center 600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/CrossingMinds.png?v=1695260894&width=800&crop=center 800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/CrossingMinds.png?v=1695260894&width=1000&crop=center 1000w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/CrossingMinds.png?v=1695260894&width=1200&crop=center 1200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/CrossingMinds.png?v=1695260894&width=1400&crop=center 1400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/CrossingMinds.png?v=1695260894&width=1600&crop=center 1600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/CrossingMinds.png?v=1695260894&width=1800&crop=center 1800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/CrossingMinds.png?v=1695260894&width=2000&crop=center 2000w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/CrossingMinds.png?v=1695260894&width=2200&crop=center 2200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/CrossingMinds.png?v=1695260894&width=2400&crop=center 2400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/CrossingMinds.png?v=1695260894&width=2600&crop=center 2600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/CrossingMinds.png?v=1695260894&width=2800&crop=center 2800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/CrossingMinds.png?v=1695260894&width=3000&crop=center 3000w" width="100" class="mb-24 w-full object-cover aspect-video" style="width:100%"/><h2 class="title4 mb-12">Crossing Minds</h2><p class="mb-24">The Beam React library enables easy implementation of personalized recommendation features for Hydrogen stores, powering real-time insights and boosting customer satisfaction and sales revenue.</p><div class="mb-24 flex flex-wrap gap-16"><span class="no-wrap"><a href="https://www.npmjs.com/package/@crossingminds/beam-react" target="_blank" rel="noreferrer" class="code underline hover:no-underline" data-event-page="integrations" data-event-category="integrations" data-event-action="click-link" data-event-label="Read docs">Read docs</a><span class="icon inline-block bg-current hover:bg-current ml-4 h-13 w-13" aria-hidden="true" style="--mask-url:url(https://cdn.shopify.com/s/files/1/0598/4822/8886/files/external.svg?v=1691688830);-webkit-mask-size:contain;transform:translateZ(0)"></span></span><span class="no-wrap"><a href="https://github.com/Crossing-Minds/hydrogen-demo-store" target="_blank" rel="noreferrer" class="code underline hover:no-underline" data-event-page="integrations" data-event-category="integrations" data-event-action="click-link" data-event-label="See demo">See demo</a><span class="icon inline-block bg-current hover:bg-current ml-4 h-13 w-13" aria-hidden="true" style="--mask-url:url(https://cdn.shopify.com/s/files/1/0598/4822/8886/files/external.svg?v=1691688830);-webkit-mask-size:contain;transform:translateZ(0)"></span></span></div><ul class="flex flex-wrap gap-8"></ul></div><div class="reveal relative transition-[transform,opacity] duration-500 ease-in-out pb-40 xl:delay-100 md:motion-safe:translate-y-32 md:motion-safe:opacity-0"><img alt="Pack Digital" decoding="async" loading="lazy" src="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/PackDigital.png?v=1695262808&width=100&crop=center" srcSet="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/PackDigital.png?v=1695262808&width=200&crop=center 200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/PackDigital.png?v=1695262808&width=400&crop=center 400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/PackDigital.png?v=1695262808&width=600&crop=center 600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/PackDigital.png?v=1695262808&width=800&crop=center 800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/PackDigital.png?v=1695262808&width=1000&crop=center 1000w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/PackDigital.png?v=1695262808&width=1200&crop=center 1200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/PackDigital.png?v=1695262808&width=1400&crop=center 1400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/PackDigital.png?v=1695262808&width=1600&crop=center 1600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/PackDigital.png?v=1695262808&width=1800&crop=center 1800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/PackDigital.png?v=1695262808&width=2000&crop=center 2000w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/PackDigital.png?v=1695262808&width=2200&crop=center 2200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/PackDigital.png?v=1695262808&width=2400&crop=center 2400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/PackDigital.png?v=1695262808&width=2600&crop=center 2600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/PackDigital.png?v=1695262808&width=2800&crop=center 2800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/PackDigital.png?v=1695262808&width=3000&crop=center 3000w" width="100" class="mb-24 w-full object-cover aspect-video" style="width:100%"/><h2 class="title4 mb-12">Pack Digital</h2><p class="mb-24">Pack is a front-end platform that was built for managing Hydrogen storefronts and includes all the workflow and content management capabilities a brand needs to build and move fast.</p><div class="mb-24 flex flex-wrap gap-16"><span class="no-wrap"><a href="https://github.com/packdigital/pack-hydrogen-demo" target="_blank" rel="noreferrer" class="code underline hover:no-underline" data-event-page="integrations" data-event-category="integrations" data-event-action="click-link" data-event-label="Get started">Get started</a><span class="icon inline-block bg-current hover:bg-current ml-4 h-13 w-13" aria-hidden="true" style="--mask-url:url(https://cdn.shopify.com/s/files/1/0598/4822/8886/files/external.svg?v=1691688830);-webkit-mask-size:contain;transform:translateZ(0)"></span></span><span class="no-wrap"><a href="https://hydrogen.packdigital.com/" target="_blank" rel="noreferrer" class="code underline hover:no-underline" data-event-page="integrations" data-event-category="integrations" data-event-action="click-link" data-event-label="See demo">See demo</a><span class="icon inline-block bg-current hover:bg-current ml-4 h-13 w-13" aria-hidden="true" style="--mask-url:url(https://cdn.shopify.com/s/files/1/0598/4822/8886/files/external.svg?v=1691688830);-webkit-mask-size:contain;transform:translateZ(0)"></span></span></div><ul class="flex flex-wrap gap-8"></ul></div><div class="reveal relative transition-[transform,opacity] duration-500 ease-in-out pb-40 md:delay-100 xl:delay-200 md:motion-safe:translate-y-32 md:motion-safe:opacity-0"><img alt="Vercel" decoding="async" loading="lazy" src="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Vercel.png?v=1695262306&width=100&crop=center" srcSet="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Vercel.png?v=1695262306&width=200&crop=center 200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Vercel.png?v=1695262306&width=400&crop=center 400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Vercel.png?v=1695262306&width=600&crop=center 600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Vercel.png?v=1695262306&width=800&crop=center 800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Vercel.png?v=1695262306&width=1000&crop=center 1000w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Vercel.png?v=1695262306&width=1200&crop=center 1200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Vercel.png?v=1695262306&width=1400&crop=center 1400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Vercel.png?v=1695262306&width=1600&crop=center 1600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Vercel.png?v=1695262306&width=1800&crop=center 1800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Vercel.png?v=1695262306&width=2000&crop=center 2000w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Vercel.png?v=1695262306&width=2200&crop=center 2200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Vercel.png?v=1695262306&width=2400&crop=center 2400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Vercel.png?v=1695262306&width=2600&crop=center 2600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Vercel.png?v=1695262306&width=2800&crop=center 2800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Vercel.png?v=1695262306&width=3000&crop=center 3000w" width="100" class="mb-24 w-full object-cover aspect-video" style="width:100%"/><h2 class="title4 mb-12">Vercel</h2><p class="mb-24">Vercel鈥檚 Frontend Cloud provides the world-class developer experience and managed frontend infrastructure to securely deploy and scale a faster, more personalized, composable Hydrogen storefront.</p><div class="mb-24 flex flex-wrap gap-16"><span class="no-wrap"><a href="https://vercel.com/docs/integrations/shopify" target="_blank" rel="noreferrer" class="code underline hover:no-underline" data-event-page="integrations" data-event-category="integrations" data-event-action="click-link" data-event-label="Read docs">Read docs</a><span class="icon inline-block bg-current hover:bg-current ml-4 h-13 w-13" aria-hidden="true" style="--mask-url:url(https://cdn.shopify.com/s/files/1/0598/4822/8886/files/external.svg?v=1691688830);-webkit-mask-size:contain;transform:translateZ(0)"></span></span><span class="no-wrap"><a href="https://vercel.com/templates/remix/hydrogen-2" target="_blank" rel="noreferrer" class="code underline hover:no-underline" data-event-page="integrations" data-event-category="integrations" data-event-action="click-link" data-event-label="Get started">Get started</a><span class="icon inline-block bg-current hover:bg-current ml-4 h-13 w-13" aria-hidden="true" style="--mask-url:url(https://cdn.shopify.com/s/files/1/0598/4822/8886/files/external.svg?v=1691688830);-webkit-mask-size:contain;transform:translateZ(0)"></span></span></div><ul class="flex flex-wrap gap-8"></ul></div><div class="reveal relative transition-[transform,opacity] duration-500 ease-in-out pb-40 md:delay-200 xl:delay-300 md:motion-safe:translate-y-32 md:motion-safe:opacity-0"><img alt="Netlify" decoding="async" loading="lazy" src="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Netlify_bc409494-5e61-4aaa-ad1f-06657405ba53.png?v=1703166446&width=100&crop=center" srcSet="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Netlify_bc409494-5e61-4aaa-ad1f-06657405ba53.png?v=1703166446&width=200&crop=center 200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Netlify_bc409494-5e61-4aaa-ad1f-06657405ba53.png?v=1703166446&width=400&crop=center 400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Netlify_bc409494-5e61-4aaa-ad1f-06657405ba53.png?v=1703166446&width=600&crop=center 600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Netlify_bc409494-5e61-4aaa-ad1f-06657405ba53.png?v=1703166446&width=800&crop=center 800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Netlify_bc409494-5e61-4aaa-ad1f-06657405ba53.png?v=1703166446&width=1000&crop=center 1000w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Netlify_bc409494-5e61-4aaa-ad1f-06657405ba53.png?v=1703166446&width=1200&crop=center 1200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Netlify_bc409494-5e61-4aaa-ad1f-06657405ba53.png?v=1703166446&width=1400&crop=center 1400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Netlify_bc409494-5e61-4aaa-ad1f-06657405ba53.png?v=1703166446&width=1600&crop=center 1600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Netlify_bc409494-5e61-4aaa-ad1f-06657405ba53.png?v=1703166446&width=1800&crop=center 1800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Netlify_bc409494-5e61-4aaa-ad1f-06657405ba53.png?v=1703166446&width=2000&crop=center 2000w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Netlify_bc409494-5e61-4aaa-ad1f-06657405ba53.png?v=1703166446&width=2200&crop=center 2200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Netlify_bc409494-5e61-4aaa-ad1f-06657405ba53.png?v=1703166446&width=2400&crop=center 2400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Netlify_bc409494-5e61-4aaa-ad1f-06657405ba53.png?v=1703166446&width=2600&crop=center 2600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Netlify_bc409494-5e61-4aaa-ad1f-06657405ba53.png?v=1703166446&width=2800&crop=center 2800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Netlify_bc409494-5e61-4aaa-ad1f-06657405ba53.png?v=1703166446&width=3000&crop=center 3000w" width="100" class="mb-24 w-full object-cover aspect-video" style="width:100%"/><h2 class="title4 mb-12">Netlify</h2><p class="mb-24">Netlify Core is the frontend cloud solution for developers to build and deploy fast and scalable Hydrogen storefronts using modern, composable tooling without labor-intensive operations.</p><div class="mb-24 flex flex-wrap gap-16"><span class="no-wrap"><a href="https://docs.netlify.com/integrations/frameworks/hydrogen/" target="_blank" rel="noreferrer" class="code underline hover:no-underline" data-event-page="integrations" data-event-category="integrations" data-event-action="click-link" data-event-label="Read docs">Read docs</a><span class="icon inline-block bg-current hover:bg-current ml-4 h-13 w-13" aria-hidden="true" style="--mask-url:url(https://cdn.shopify.com/s/files/1/0598/4822/8886/files/external.svg?v=1691688830);-webkit-mask-size:contain;transform:translateZ(0)"></span></span><span class="no-wrap"><a href="https://github.com/netlify/hydrogen-template" target="_blank" rel="noreferrer" class="code underline hover:no-underline" data-event-page="integrations" data-event-category="integrations" data-event-action="click-link" data-event-label="Get started">Get started</a><span class="icon inline-block bg-current hover:bg-current ml-4 h-13 w-13" aria-hidden="true" style="--mask-url:url(https://cdn.shopify.com/s/files/1/0598/4822/8886/files/external.svg?v=1691688830);-webkit-mask-size:contain;transform:translateZ(0)"></span></span></div><ul class="flex flex-wrap gap-8"></ul></div><div class="reveal relative transition-[transform,opacity] duration-500 ease-in-out pb-40 md:motion-safe:translate-y-32 md:motion-safe:opacity-0"><img alt="Fast Simon" decoding="async" loading="lazy" src="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/FastSimon.png?v=1703166567&width=100&crop=center" srcSet="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/FastSimon.png?v=1703166567&width=200&crop=center 200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/FastSimon.png?v=1703166567&width=400&crop=center 400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/FastSimon.png?v=1703166567&width=600&crop=center 600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/FastSimon.png?v=1703166567&width=800&crop=center 800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/FastSimon.png?v=1703166567&width=1000&crop=center 1000w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/FastSimon.png?v=1703166567&width=1200&crop=center 1200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/FastSimon.png?v=1703166567&width=1400&crop=center 1400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/FastSimon.png?v=1703166567&width=1600&crop=center 1600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/FastSimon.png?v=1703166567&width=1800&crop=center 1800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/FastSimon.png?v=1703166567&width=2000&crop=center 2000w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/FastSimon.png?v=1703166567&width=2200&crop=center 2200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/FastSimon.png?v=1703166567&width=2400&crop=center 2400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/FastSimon.png?v=1703166567&width=2600&crop=center 2600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/FastSimon.png?v=1703166567&width=2800&crop=center 2800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/FastSimon.png?v=1703166567&width=3000&crop=center 3000w" width="100" class="mb-24 w-full object-cover aspect-video" style="width:100%"/><h2 class="title4 mb-12">Fast Simon</h2><p class="mb-24">Fast Simon is a shopping optimization platform providing Visual AI Similarity, Shop-The-Look, AI search & discovery, AI Merchandising, Personalization, Audiences, and Analytics - for Hydrogen Stores.</p><div class="mb-24 flex flex-wrap gap-16"><span class="no-wrap"><a href="https://github.com/instantsearchplus/shopify-hydrogen-2/blob/master/README.md" target="_blank" rel="noreferrer" class="code underline hover:no-underline" data-event-page="integrations" data-event-category="integrations" data-event-action="click-link" data-event-label="Get started">Get started</a><span class="icon inline-block bg-current hover:bg-current ml-4 h-13 w-13" aria-hidden="true" style="--mask-url:url(https://cdn.shopify.com/s/files/1/0598/4822/8886/files/external.svg?v=1691688830);-webkit-mask-size:contain;transform:translateZ(0)"></span></span><span class="no-wrap"><a href="https://shopify-hydrogen-2-b10004a9e68ce7a318e7.o2.myshopify.dev/products/mens-muscle-top?Size=S&Color=Purple" target="_blank" rel="noreferrer" class="code underline hover:no-underline" data-event-page="integrations" data-event-category="integrations" data-event-action="click-link" data-event-label="Demo">Demo</a><span class="icon inline-block bg-current hover:bg-current ml-4 h-13 w-13" aria-hidden="true" style="--mask-url:url(https://cdn.shopify.com/s/files/1/0598/4822/8886/files/external.svg?v=1691688830);-webkit-mask-size:contain;transform:translateZ(0)"></span></span></div><ul class="flex flex-wrap gap-8"></ul></div><div class="reveal relative transition-[transform,opacity] duration-500 ease-in-out pb-40 md:delay-100 xl:delay-100 md:motion-safe:translate-y-32 md:motion-safe:opacity-0"><img alt="Swym Wishlist" decoding="async" loading="lazy" src="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/SwymWishlist.png?v=1695262166&width=100&crop=center" srcSet="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/SwymWishlist.png?v=1695262166&width=200&crop=center 200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/SwymWishlist.png?v=1695262166&width=400&crop=center 400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/SwymWishlist.png?v=1695262166&width=600&crop=center 600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/SwymWishlist.png?v=1695262166&width=800&crop=center 800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/SwymWishlist.png?v=1695262166&width=1000&crop=center 1000w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/SwymWishlist.png?v=1695262166&width=1200&crop=center 1200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/SwymWishlist.png?v=1695262166&width=1400&crop=center 1400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/SwymWishlist.png?v=1695262166&width=1600&crop=center 1600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/SwymWishlist.png?v=1695262166&width=1800&crop=center 1800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/SwymWishlist.png?v=1695262166&width=2000&crop=center 2000w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/SwymWishlist.png?v=1695262166&width=2200&crop=center 2200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/SwymWishlist.png?v=1695262166&width=2400&crop=center 2400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/SwymWishlist.png?v=1695262166&width=2600&crop=center 2600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/SwymWishlist.png?v=1695262166&width=2800&crop=center 2800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/SwymWishlist.png?v=1695262166&width=3000&crop=center 3000w" width="100" class="mb-24 w-full object-cover aspect-video" style="width:100%"/><h2 class="title4 mb-12">Swym Wishlist</h2><p class="mb-24">Create frictionless, memorable shopping experiences. Let shoppers Save for Later and create multiple wishlists. Industry-leading remarketing capabilities. 15+ tech integrations. Detailed reports.</p><div class="mb-24 flex flex-wrap gap-16"><span class="no-wrap"><a href="https://github.com/swym-corp/swym-hydrogen-store" target="_blank" rel="noreferrer" class="code underline hover:no-underline" data-event-page="integrations" data-event-category="integrations" data-event-action="click-link" data-event-label="Get started">Get started</a><span class="icon inline-block bg-current hover:bg-current ml-4 h-13 w-13" aria-hidden="true" style="--mask-url:url(https://cdn.shopify.com/s/files/1/0598/4822/8886/files/external.svg?v=1691688830);-webkit-mask-size:contain;transform:translateZ(0)"></span></span></div><ul class="flex flex-wrap gap-8"></ul></div><div class="reveal relative transition-[transform,opacity] duration-500 ease-in-out pb-40 md:delay-200 xl:delay-200 md:motion-safe:translate-y-32 md:motion-safe:opacity-0"><img alt="Shopify Search & Discovery" decoding="async" loading="lazy" src="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/ShopifySearch_Discovery.png?v=1695262682&width=100&crop=center" srcSet="https://cdn.shopify.com/s/files/1/0598/4822/8886/files/ShopifySearch_Discovery.png?v=1695262682&width=200&crop=center 200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/ShopifySearch_Discovery.png?v=1695262682&width=400&crop=center 400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/ShopifySearch_Discovery.png?v=1695262682&width=600&crop=center 600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/ShopifySearch_Discovery.png?v=1695262682&width=800&crop=center 800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/ShopifySearch_Discovery.png?v=1695262682&width=1000&crop=center 1000w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/ShopifySearch_Discovery.png?v=1695262682&width=1200&crop=center 1200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/ShopifySearch_Discovery.png?v=1695262682&width=1400&crop=center 1400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/ShopifySearch_Discovery.png?v=1695262682&width=1600&crop=center 1600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/ShopifySearch_Discovery.png?v=1695262682&width=1800&crop=center 1800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/ShopifySearch_Discovery.png?v=1695262682&width=2000&crop=center 2000w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/ShopifySearch_Discovery.png?v=1695262682&width=2200&crop=center 2200w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/ShopifySearch_Discovery.png?v=1695262682&width=2400&crop=center 2400w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/ShopifySearch_Discovery.png?v=1695262682&width=2600&crop=center 2600w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/ShopifySearch_Discovery.png?v=1695262682&width=2800&crop=center 2800w, https://cdn.shopify.com/s/files/1/0598/4822/8886/files/ShopifySearch_Discovery.png?v=1695262682&width=3000&crop=center 3000w" width="100" class="mb-24 w-full object-cover aspect-video" style="width:100%"/><h2 class="title4 mb-12">Shopify Search & Discovery</h2><p class="mb-24">Build a search and discovery solution that meets your commerce needs. Have more control over your buyer journey and deliver a more personalized search experience on your storefront.</p><div class="mb-24 flex flex-wrap gap-16"><span class="no-wrap"><a href="https://shopify.dev/docs/custom-storefronts/building-with-the-storefront-api/search-discovery" target="_blank" rel="noreferrer" class="code underline hover:no-underline" data-event-page="integrations" data-event-category="integrations" data-event-action="click-link" data-event-label="Read docs">Read docs</a><span class="icon inline-block bg-current hover:bg-current ml-4 h-13 w-13" aria-hidden="true" style="--mask-url:url(https://cdn.shopify.com/s/files/1/0598/4822/8886/files/external.svg?v=1691688830);-webkit-mask-size:contain;transform:translateZ(0)"></span></span><span class="no-wrap"><a href="https://apps.shopify.com/search-and-discovery" target="_blank" rel="noreferrer" class="code underline hover:no-underline" data-event-page="integrations" data-event-category="integrations" data-event-action="click-link" data-event-label="Get started">Get started</a><span class="icon inline-block bg-current hover:bg-current ml-4 h-13 w-13" aria-hidden="true" style="--mask-url:url(https://cdn.shopify.com/s/files/1/0598/4822/8886/files/external.svg?v=1691688830);-webkit-mask-size:contain;transform:translateZ(0)"></span></span></div><ul class="flex flex-wrap gap-8"></ul></div></div></div><section class="relative"><div class="absolute inset-0 overflow-hidden bg-navy"><div class="gradient-container absolute inset-0 bg-gradient-sm bg-cover opacity-50 mix-blend-overlay md:bg-gradient bg-top"></div><div class="absolute inset-0"><div class="absolute h-[40vh] w-[75vh] bg-gradient-radial from-turquoise to-transparent to-70% opacity-40 md:h-[22vw] md:w-[75vw] left-0 top-1/2"></div><div class="absolute aspect-video w-3/4 bg-gradient-radial from-green to-transparent to-70% opacity-30 right-0 top-0 "></div></div><div class="absolute inset-0 from-black-2 to-transparent to-10% bg-gradient-to-b"></div></div><div class="absolute inset-0 h-full w-full mix-blend-overlay bg-[url('https://cdn.shopify.com/s/files/1/0598/4822/8886/files/grain.png?v=1692383484')] animation-play-state-paused"></div><div class="relative mx-auto w-3/4 opacity-40 mix-blend-color-dodge md:w-740 lg:w-1000"><div class="absolute w-full" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 205.654 134.55" class="glass relative z-10"><path fill="url(#face-gradient)" d="M1.127 54.176 36.61 35.491l35.122 22.001 31.897-16.797-35.5-21.812L103.241 0l102.412 63.63-35.23 18.48-35.663-21.778-30.773 16.87 34.162 21.705-34.54 19.062z"></path><path fill="url(#west-gradient)" d="M1.127 54.176C.113 71.11 0 71.166 0 71.166l102.902 63.384.709-16.581zm67.001-35.293-.932 16.866 21.012 13.097 15.42-8.151Zm66.633 41.449-.38 17.01 35.332 21.79.71-17.023z"></path><path fill="url(#south-gradient)" d="m138.15 98.907-34.54 19.062-.708 16.58 34.901-18.719zm-3.389-38.575-30.773 16.87 13.676 8.685 16.717-8.545zm70.893 3.298-1 16.545-34.941 18.956.71-17.022z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 205.654 134.55" class="glass absolute top-0 opacity-40 mix-blend-overlay"><path fill="#FFFFFF" d="M1.127 54.176 36.61 35.491l35.122 22.001 31.897-16.797-35.5-21.812L103.241 0l102.412 63.63-35.23 18.48-35.663-21.778-30.773 16.87 34.162 21.705-34.54 19.062z"></path><path fill="#FFFFFF" d="M1.127 54.176C.113 71.11 0 71.166 0 71.166l102.902 63.384.709-16.581zm67.001-35.293-.932 16.866 21.012 13.097 15.42-8.151Zm66.633 41.449-.38 17.01 35.332 21.79.71-17.023z"></path><path fill="#FFFFFF" d="m138.15 98.907-34.54 19.062-.708 16.58 34.901-18.719zm-3.389-38.575-30.773 16.87 13.676 8.685 16.717-8.545zm70.893 3.298-1 16.545-34.941 18.956.71-17.022z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 205.654 134.55" class="block translate-y-[-12.35%] opacity-40 mix-blend-multiply"><path fill="#A7A6A6" d="M1.127 54.176 36.61 35.491l35.122 22.001 31.897-16.797-35.5-21.812L103.241 0l102.412 63.63-35.23 18.48-35.663-21.778-30.773 16.87 34.162 21.705-34.54 19.062z"></path><path fill="#848383" d="M1.127 54.176C.113 71.11 0 71.166 0 71.166l102.902 63.384.709-16.581zm67.001-35.293-.932 16.866 21.012 13.097 15.42-8.151Zm66.633 41.449-.38 17.01 35.332 21.79.71-17.023z"></path><path fill="#848383" d="m138.15 98.907-34.54 19.062-.708 16.58 34.901-18.719zm-3.389-38.575-30.773 16.87 13.676 8.685 16.717-8.545zm70.893 3.298-1 16.545-34.941 18.956.71-17.022z"></path></svg></div></div><div class="container xl-pt-225 relative flex flex-col pt-140 text-center md:pt-160 lg:pt-220"><h2 class="title1 pb-24">Get building</h2><p class="pb-40">Spin up a new Hydrogen app in minutes.</p><button class="items-center font-jetbrains text-16 font-bold transition-[colors_transform] flex hover:border-gradient hover:border-gradient-blue-turquoise focus:border-gradient focus:border-gradient-blue-turquoise gap-8 text-white hover:-translate-y-2 leading-1 border-[3px] bg-black px-32 py-24 hover:underline focus:underline mx-auto mb-120 hidden md:flex lg:mb-160" data-event-page="/integrations" data-event-category="pre-footer" data-event-action="click-link" data-event-label="npm create @shopify/hydrogen@latest"><span class="h-18 w-18"><span class="icon inline-block h-18 w-18 bg-white hover:bg-white focus:bg-white" aria-hidden="true" style="--mask-url:url(https://cdn.shopify.com/s/files/1/0598/4822/8886/files/copy.svg?v=1691509015);-webkit-mask-size:contain;transform:translateZ(0)"></span></span><span class="">npm create @shopify/hydrogen@latest</span></button><a href="https://shopify.dev/docs/custom-storefronts/hydrogen" target="_blank" rel="noreferrer" class="items-center font-jetbrains text-16 font-bold transition-[colors_transform] inline-flex hover:border-gradient hover:border-gradient-blue-turquoise focus:border-gradient focus:border-gradient-blue-turquoise gap-8 text-white hover:-translate-y-2 leading-1 border-[3px] bg-black px-32 py-24 hover:underline focus:underline mx-auto mb-80 inline-flex md:hidden" data-event-page="/integrations" data-event-category="pre-footer" data-event-action="click-link" data-event-label="developer-documentation"><span class="">See documentation</span></a><div class="-mx-16 mb-38 grid grid-cols-2 gap-50 bg-black-2 p-40 md:mx-auto lg:grid-cols-4 "><div class="text-left"><span class="icon inline-block bg-current hover:bg-current w-32 h-32" aria-hidden="true" style="--mask-url:url(https://cdn.shopify.com/s/files/1/0598/4822/8886/files/docs.svg?v=1692652070);-webkit-mask-size:contain;transform:translateZ(0)"></span><h3 class="title5 mb-8">Learn Hydrogen</h3><a href="https://shopify.dev/docs/custom-storefronts/hydrogen" target="_blank" rel="noreferrer" class="items-center font-jetbrains text-16 font-bold transition-[colors_transform] inline-flex underline hover:no-underline focus:no-underline title5 text-left" data-event-page="/integrations" data-event-category="pre-footer" data-event-action="click-link" data-event-label="Learn Hydrogen"><span class="">Read Hydrogen docs and guides</span></a></div><div class="text-left"><span class="icon inline-block bg-current hover:bg-current w-32 h-32" aria-hidden="true" style="--mask-url:url(https://cdn.shopify.com/s/files/1/0598/4822/8886/files/github.svg?v=1691509015);-webkit-mask-size:contain;transform:translateZ(0)"></span><h3 class="title5 mb-8">Build with us</h3><a href="https://github.com/Shopify/hydrogen" target="_blank" rel="noreferrer" class="items-center font-jetbrains text-16 font-bold transition-[colors_transform] inline-flex underline hover:no-underline focus:no-underline title5 text-left" data-event-page="/integrations" data-event-category="pre-footer" data-event-action="click-link" data-event-label="Build with us"><span class="">Hydrogen is 100% open source</span></a></div><div class="text-left"><span class="icon inline-block bg-current hover:bg-current w-32 h-32" aria-hidden="true" style="--mask-url:url(https://cdn.shopify.com/s/files/1/0598/4822/8886/files/youtube.svg?v=1692652070);-webkit-mask-size:contain;transform:translateZ(0)"></span><h3 class="title5 mb-8">Learn Hydrogen</h3><a href="https://www.youtube.com/playlist?list=PLvQF73bM4-5XoWU-OnlYsuI5wDWWIObzh" target="_blank" rel="noreferrer" class="items-center font-jetbrains text-16 font-bold transition-[colors_transform] inline-flex underline hover:no-underline focus:no-underline title5 text-left" data-event-page="/integrations" data-event-category="pre-footer" data-event-action="click-link" data-event-label="Learn Hydrogen"><span class="">Code-along tutorials for development tips and insights</span></a></div></div></div></section></main><footer class="relative w-full bg-black-2"><h2 class="sr-only">More links</h2><nav><div class="container flex flex-wrap py-32 md:gap-40 md:py-60"><div class="md:pl-auto md:pr-auto mb-40 w-1/2 odd:pr-20 even:pl-20 md:w-auto md:min-w-200 xl:min-w-235"><h3 class="mb-23 font-shopify text-16 font-bold">Updates and News</h3><ul><li class="text-16 mb-8"><a href="https://shopify.dev/changelog" target="_blank" rel="noreferrer" data-event-category="footer" data-event-action="click-link" data-event-page="/integrations" data-event-label="Developer changelog" aria-label="Link to Shopify Developer changelog" class="hover:underline focus:underline">Developer changelog</a></li><li class="text-16 mb-8"><a href="https://www.shopify.com/partners/blog" target="_blank" rel="noreferrer" data-event-category="footer" data-event-action="click-link" data-event-page="/integrations" data-event-label="Partner blog" aria-label="Link to Shopify Partner blog" class="hover:underline focus:underline">Partner blog</a></li><li class="text-16 mb-8"><a href="https://shopify.engineering/" target="_blank" rel="noreferrer" data-event-category="footer" data-event-action="click-link" data-event-page="/integrations" data-event-label="Engineering blog" aria-label="Link to Shopify Engineering blog" class="hover:underline focus:underline">Engineering blog</a></li><li class="text-16 mb-8"><a href="https://ux.shopify.com/" target="_blank" rel="noreferrer" data-event-category="footer" data-event-action="click-link" data-event-page="/integrations" data-event-label="UX blog" aria-label="Link to Shopify UX blog" class="hover:underline focus:underline">UX blog</a></li></ul></div><div class="md:pl-auto md:pr-auto mb-40 w-1/2 odd:pr-20 even:pl-20 md:w-auto md:min-w-200 xl:min-w-235"><h3 class="mb-23 font-shopify text-16 font-bold">Community</h3><ul><li class="text-16 mb-8"><a href="https://community.shopify.com/c/partners-and-developers/ct-p/appdev" target="_blank" rel="noreferrer" data-event-category="footer" data-event-action="click-link" data-event-page="/integrations" data-event-label="Developer forum" aria-label="Link to Shopify Developer forum" class="hover:underline focus:underline">Developer forum</a></li><li class="text-16 mb-8"><a href="https://twitter.com/shopifydevs" target="_blank" rel="noreferrer" data-event-category="footer" data-event-action="click-link" data-event-page="/integrations" data-event-label="Twitter" aria-label="Link to Shopify Twitter" class="hover:underline focus:underline">Twitter</a></li><li class="text-16 mb-8"><a href="https://www.youtube.com/c/shopifydevs" target="_blank" rel="noreferrer" data-event-category="footer" data-event-action="click-link" data-event-page="/integrations" data-event-label="YouTube" aria-label="Link to Shopify YouTube" class="hover:underline focus:underline">YouTube</a></li></ul></div><div class="md:pl-auto md:pr-auto mb-40 w-1/2 odd:pr-20 even:pl-20 md:w-auto md:min-w-200 xl:min-w-235"><h3 class="mb-23 font-shopify text-16 font-bold">Events</h3><ul><li class="text-16 mb-8"><a href="https://www.editions.dev/" target="_blank" rel="noreferrer" data-event-category="footer" data-event-action="click-link" data-event-page="/integrations" data-event-label="Editions.dev" aria-label="Link to Shopify Editions.dev" class="hover:underline focus:underline">Editions.dev</a></li><li class="text-16 mb-8"><a href="https://events.shopify.com/partners" target="_blank" rel="noreferrer" data-event-category="footer" data-event-action="click-link" data-event-page="/integrations" data-event-label="Meetups" aria-label="Link to Shopify Meetups" class="hover:underline focus:underline">Meetups</a></li></ul></div><div class="md:pl-auto md:pr-auto mb-40 w-1/2 odd:pr-20 even:pl-20 md:w-auto md:min-w-200 xl:min-w-235"><h3 class="mb-23 font-shopify text-16 font-bold">Legal</h3><ul><li class="text-16 mb-8"><a href="https://www.shopify.com/legal/terms" target="_blank" rel="noreferrer" data-event-category="footer" data-event-action="click-link" data-event-page="/integrations" data-event-label="Terms of Service" aria-label="Link to Shopify Terms of Service" class="hover:underline focus:underline">Terms of Service</a></li><li class="text-16 mb-8"><a href="https://www.shopify.com/legal/api-terms" target="_blank" rel="noreferrer" data-event-category="footer" data-event-action="click-link" data-event-page="/integrations" data-event-label="API Terms of Service" aria-label="Link to Shopify API Terms of Service" class="hover:underline focus:underline">API Terms of Service</a></li><li class="text-16 mb-8"><a href="https://www.shopify.com/legal/privacy" target="_blank" rel="noreferrer" data-event-category="footer" data-event-action="click-link" data-event-page="/integrations" data-event-label="Privacy policy" aria-label="Link to Shopify Privacy policy" class="hover:underline focus:underline">Privacy policy</a></li></ul></div></div></nav><div class="container pb-32 md:pb-60"><nav><ul class="flex flex-wrap justify-center gap-16 sm:static sm:justify-start"><li class="text-16 font-bold sm:inline sm:mr-16 md:mr-24"><a href="https://www.shopify.com/about" target="_blank" rel="noreferrer" data-event-category="footer" data-event-action="click-link" data-event-page="/integrations" data-event-label="About Shopify" aria-label="Link to Shopify About Shopify" class="hover:underline focus:underline">About Shopify</a></li><li class="text-16 font-bold sm:inline sm:mr-16 md:mr-24"><a href="https://www.shopify.com/plus" target="_blank" rel="noreferrer" data-event-category="footer" data-event-action="click-link" data-event-page="/integrations" data-event-label="Shopify Plus" aria-label="Link to Shopify Shopify Plus" class="hover:underline focus:underline">Shopify Plus</a></li><li class="text-16 font-bold sm:inline sm:mr-16 md:mr-24"><a href="https://www.shopify.com/careers" target="_blank" rel="noreferrer" data-event-category="footer" data-event-action="click-link" data-event-page="/integrations" data-event-label="Careers" aria-label="Link to Shopify Careers" class="hover:underline focus:underline">Careers</a></li><li class="text-16 font-bold sm:inline sm:mr-16 md:mr-24"><a href="https://investors.shopify.com/home/" target="_blank" rel="noreferrer" data-event-category="footer" data-event-action="click-link" data-event-page="/integrations" data-event-label="Investors" aria-label="Link to Shopify Investors" class="hover:underline focus:underline">Investors</a></li><li class="text-16 font-bold sm:inline sm:mr-16 md:mr-24"><a href="https://news.shopify.com/" target="_blank" rel="noreferrer" data-event-category="footer" data-event-action="click-link" data-event-page="/integrations" data-event-label="Press and Media" aria-label="Link to Shopify Press and Media" class="hover:underline focus:underline">Press and Media</a></li></ul></nav></div></footer><script>((s,l)=>{if(!window.history.state||!window.history.state.key){let u=Math.random().toString(32).slice(2);window.history.replaceState({key:u},"")}try{let c=JSON.parse(sessionStorage.getItem(s)||"{}")[l||window.history.state.key];typeof c=="number"&&window.scrollTo(0,c)}catch(u){console.error(u),sessionStorage.removeItem(s)}})("positions", null)</script><link rel="modulepreload" href="https://cdn.shopify.com/oxygen-v2/25760/10053/20707/1208616/build/manifest-240911F9.js"/><link rel="modulepreload" href="https://cdn.shopify.com/oxygen-v2/25760/10053/20707/1208616/build/entry.client-YDZ4JQSL.js"/><link rel="modulepreload" href="https://cdn.shopify.com/oxygen-v2/25760/10053/20707/1208616/build/_shared/chunk-WLLHA5Q7.js"/><link rel="modulepreload" href="https://cdn.shopify.com/oxygen-v2/25760/10053/20707/1208616/build/_shared/chunk-N2XNY24B.js"/><link rel="modulepreload" href="https://cdn.shopify.com/oxygen-v2/25760/10053/20707/1208616/build/_shared/chunk-LICEGK6J.js"/><link rel="modulepreload" href="https://cdn.shopify.com/oxygen-v2/25760/10053/20707/1208616/build/_shared/chunk-2Y6MUA7D.js"/><link rel="modulepreload" href="https://cdn.shopify.com/oxygen-v2/25760/10053/20707/1208616/build/root-OVCZHGDT.js"/><link rel="modulepreload" href="https://cdn.shopify.com/oxygen-v2/25760/10053/20707/1208616/build/_shared/chunk-5KNCLTQQ.js"/><link rel="modulepreload" href="https://cdn.shopify.com/oxygen-v2/25760/10053/20707/1208616/build/_shared/chunk-NPHDGBYQ.js"/><link rel="modulepreload" href="https://cdn.shopify.com/oxygen-v2/25760/10053/20707/1208616/build/routes/integrations-OOMPILE7.js"/><script>window.__remixContext = {"url":"/integrations","state":{"loaderData":{"root":{"footerCta":{"metaobject":{"fields":[{"key":"code_snippit","value":"npm create @shopify/hydrogen@latest","reference":null,"references":null},{"key":"copy_success_message","value":"Copied to clipboard!","reference":null,"references":null},{"key":"footer_cta_links","value":"[\"gid://shopify/Metaobject/7446200342\",\"gid://shopify/Metaobject/7446233110\",\"gid://shopify/Metaobject/7446265878\",\"gid://shopify/Metaobject/7446298646\"]","reference":null,"references":{"__typename":"MetafieldReferenceConnection","nodes":[{"id":"gid://shopify/Metaobject/7446200342","__typename":"Metaobject","fields":[{"key":"cta_label","value":"Read Hydrogen docs and guides","reference":null},{"key":"icon","value":"docs","reference":null},{"key":"title","value":"Learn Hydrogen","reference":null},{"key":"url","value":"https://shopify.dev/docs/custom-storefronts/hydrogen","reference":null}]},{"id":"gid://shopify/Metaobject/7446233110","__typename":"Metaobject","fields":[{"key":"cta_label","value":"Hydrogen is 100% open source","reference":null},{"key":"icon","value":"github","reference":null},{"key":"title","value":"Build with us","reference":null},{"key":"url","value":"https://github.com/Shopify/hydrogen","reference":null}]},{"id":"gid://shopify/Metaobject/7446298646","__typename":"Metaobject","fields":[{"key":"cta_label","value":"Code-along tutorials for development tips and insights","reference":null},{"key":"icon","value":"youtube","reference":null},{"key":"title","value":"Learn Hydrogen","reference":null},{"key":"url","value":"https://www.youtube.com/playlist?list=PLvQF73bM4-5XoWU-OnlYsuI5wDWWIObzh","reference":null}]}]}},{"key":"subtitle","value":"Spin up a new Hydrogen app in minutes.","reference":null,"references":null},{"key":"title","value":"Get building","reference":null,"references":null}]}},"menus":{"mainMenu":{"id":"gid://shopify/Menu/191744868374","items":[{"id":"gid://shopify/MenuItem/443959050262","resourceId":"gid://shopify/Page/107446075414","tags":[],"title":"Showcase","type":"PAGE","url":"https://hydrogen-hub.myshopify.com/pages/showcase","items":[]},{"id":"gid://shopify/MenuItem/443959083030","resourceId":"gid://shopify/Page/107446009878","tags":[],"title":"Integrations","type":"PAGE","url":"https://hydrogen-hub.myshopify.com/pages/integrations","items":[]},{"id":"gid://shopify/MenuItem/443959115798","resourceId":"gid://shopify/Page/107446108182","tags":[],"title":"Updates","type":"PAGE","url":"https://hydrogen-hub.myshopify.com/pages/updates","items":[]},{"id":"gid://shopify/MenuItem/497341235222","resourceId":null,"tags":[],"title":"Docs","type":"HTTP","url":"https://shopify.dev/docs/custom-storefronts/hydrogen","items":[]}]},"socialLinks":{"id":"gid://shopify/Menu/213498298390","items":[{"id":"gid://shopify/MenuItem/497341300758","resourceId":null,"tags":[],"title":"Github","type":"HTTP","url":"https://github.com/Shopify/hydrogen","items":[]},{"id":"gid://shopify/MenuItem/497341333526","resourceId":null,"tags":[],"title":"X","type":"HTTP","url":"https://twitter.com/shopifydevs?lang=en","items":[]},{"id":"gid://shopify/MenuItem/497352015894","resourceId":null,"tags":[],"title":"YouTube","type":"HTTP","url":"https://www.youtube.com/playlist?list=PLvQF73bM4-5XoWU-OnlYsuI5wDWWIObzh","items":[]}]},"footerMenu":{"id":"gid://shopify/Menu/191744901142","items":[{"id":"gid://shopify/MenuItem/497293787158","resourceId":null,"tags":[],"title":"Updates and News","type":"HTTP","url":"https://hydrogen-hub.myshopify.com#","items":[{"id":"gid://shopify/MenuItem/497293819926","resourceId":null,"tags":[],"title":"Developer changelog","type":"HTTP","url":"https://shopify.dev/changelog"},{"id":"gid://shopify/MenuItem/497293852694","resourceId":null,"tags":[],"title":"Partner blog","type":"HTTP","url":"https://www.shopify.com/partners/blog"},{"id":"gid://shopify/MenuItem/497293885462","resourceId":null,"tags":[],"title":"Engineering blog","type":"HTTP","url":"https://shopify.engineering/"},{"id":"gid://shopify/MenuItem/497293918230","resourceId":null,"tags":[],"title":"UX blog","type":"HTTP","url":"https://ux.shopify.com/"}]},{"id":"gid://shopify/MenuItem/497293950998","resourceId":null,"tags":[],"title":"Community","type":"HTTP","url":"https://hydrogen-hub.myshopify.com#","items":[{"id":"gid://shopify/MenuItem/497293983766","resourceId":null,"tags":[],"title":"Developer forum","type":"HTTP","url":"https://community.shopify.com/c/partners-and-developers/ct-p/appdev"},{"id":"gid://shopify/MenuItem/497294049302","resourceId":null,"tags":[],"title":"Twitter","type":"HTTP","url":"https://twitter.com/shopifydevs"},{"id":"gid://shopify/MenuItem/497294082070","resourceId":null,"tags":[],"title":"YouTube","type":"HTTP","url":"https://www.youtube.com/c/shopifydevs"}]},{"id":"gid://shopify/MenuItem/497294114838","resourceId":null,"tags":[],"title":"Events","type":"HTTP","url":"https://hydrogen-hub.myshopify.com#","items":[{"id":"gid://shopify/MenuItem/497294147606","resourceId":null,"tags":[],"title":"Editions.dev","type":"HTTP","url":"https://www.editions.dev/"},{"id":"gid://shopify/MenuItem/497294180374","resourceId":null,"tags":[],"title":"Meetups","type":"HTTP","url":"https://events.shopify.com/partners"}]},{"id":"gid://shopify/MenuItem/497294213142","resourceId":null,"tags":[],"title":"Legal","type":"HTTP","url":"https://hydrogen-hub.myshopify.com#","items":[{"id":"gid://shopify/MenuItem/497294245910","resourceId":null,"tags":[],"title":"Terms of Service","type":"HTTP","url":"https://www.shopify.com/legal/terms"},{"id":"gid://shopify/MenuItem/497294278678","resourceId":null,"tags":[],"title":"API Terms of Service","type":"HTTP","url":"https://www.shopify.com/legal/api-terms"},{"id":"gid://shopify/MenuItem/497294311446","resourceId":null,"tags":[],"title":"Privacy policy","type":"HTTP","url":"https://www.shopify.com/legal/privacy"}]}]},"secondaryFooterMenu":{"id":"gid://shopify/Menu/213478277142","items":[{"id":"gid://shopify/MenuItem/497294344214","resourceId":null,"tags":[],"title":"About Shopify","type":"HTTP","url":"https://www.shopify.com/about","items":[]},{"id":"gid://shopify/MenuItem/497294376982","resourceId":null,"tags":[],"title":"Shopify Plus","type":"HTTP","url":"https://www.shopify.com/plus","items":[]},{"id":"gid://shopify/MenuItem/497294409750","resourceId":null,"tags":[],"title":"Careers","type":"HTTP","url":"https://www.shopify.com/careers","items":[]},{"id":"gid://shopify/MenuItem/497294442518","resourceId":null,"tags":[],"title":"Investors","type":"HTTP","url":"https://investors.shopify.com/home/","items":[]},{"id":"gid://shopify/MenuItem/497294475286","resourceId":null,"tags":[],"title":"Press and Media","type":"HTTP","url":"https://news.shopify.com/","items":[]}]}},"gaTrackingId":"GTM-WS8VK6K"},"routes/integrations":{"integrations":{"title":"Integrations","description":"Extend the capabilities of your build with integrations specifically designed for Hydrogen.","products":{"nodes":[{"id":"gid://shopify/Product/8022807805974","title":"Sanity","description":"Unconstrain your Hydrogen storefront with Sanity as your central source of truth for content. Use unlimited content types to build performant, high-converting, and easy-to-manage digital experiences.","media":{"nodes":[{"__typename":"MediaImage","mediaContentType":"IMAGE","alt":"Sanity logo","previewImage":{"url":"https://cdn.shopify.com/s/files/1/0598/4822/8886/files/sanity.png?v=1692987383"},"id":"gid://shopify/MediaImage/32235621482518","image":{"altText":"Sanity logo","url":"https://cdn.shopify.com/s/files/1/0598/4822/8886/files/sanity.png?v=1692987383","width":800,"height":450,"__typename":"Image"}}]},"tags":[],"metafields":[{"key":"link_label_1","namespace":"custom","value":"Learn more","type":"single_line_text_field"},{"key":"link_1","namespace":"custom","value":"https://www.sanity.io/shopify","type":"url"},{"key":"link_label_2","namespace":"custom","value":"Get started","type":"single_line_text_field"},{"key":"link_2","namespace":"custom","value":"https://github.com/sanity-io/hydrogen-sanity","type":"url"}]},{"id":"gid://shopify/Product/8022807773206","title":"Algolia","description":"Algolia is an end-to-end AI search \u0026 discovery platform providing NeuralSearch, featuring Merch Studio, Custom \u0026 AI-based Ranking, Personalization, Dynamic Synonyms, Conversion Analytics \u0026 more.","media":{"nodes":[{"__typename":"MediaImage","mediaContentType":"IMAGE","alt":"Algolia logo","previewImage":{"url":"https://cdn.shopify.com/s/files/1/0598/4822/8886/files/algolia.jpg?v=1692995890"},"id":"gid://shopify/MediaImage/32235623546902","image":{"altText":"Algolia logo","url":"https://cdn.shopify.com/s/files/1/0598/4822/8886/files/algolia.jpg?v=1692995890","width":800,"height":450,"__typename":"Image"}}]},"tags":[],"metafields":[{"key":"link_label_1","namespace":"custom","value":"Get started","type":"single_line_text_field"},{"key":"link_1","namespace":"custom","value":"https://github.com/algolia/shopify-hydrogen-algolia","type":"url"},null,null]},{"id":"gid://shopify/Product/8022808952854","title":"Gorgias","description":"Gorgias is the number one help desk built for Shopify Plus brands on Hydrogen. Their native Hydrogen and Shopify integration allows merchants to manage customer support in one place across all channels.","media":{"nodes":[{"__typename":"MediaImage","mediaContentType":"IMAGE","alt":"","previewImage":{"url":"https://cdn.shopify.com/s/files/1/0598/4822/8886/files/gorgias.png?v=1695260553"},"id":"gid://shopify/MediaImage/34823076544534","image":{"altText":null,"url":"https://cdn.shopify.com/s/files/1/0598/4822/8886/files/gorgias.png?v=1695260553","width":800,"height":450,"__typename":"Image"}}]},"tags":[],"metafields":[{"key":"link_label_1","namespace":"custom","value":"Read more","type":"single_line_text_field"},{"key":"link_1","namespace":"custom","value":"https://docs.gorgias.com/en-US/shopify-hydrogen-96240","type":"url"},{"key":"link_label_2","namespace":"custom","value":"See demo","type":"single_line_text_field"},{"key":"link_2","namespace":"custom","value":"https://github.com/gorgias/hydrogen-demo/","type":"url"}]},{"id":"gid://shopify/Product/8672444416022","title":"Rebuy","description":"Rebuy makes it incredibly easy to bring powerful personalized product recommendations and smart search to Hydrogen storefronts.","media":{"nodes":[{"__typename":"MediaImage","mediaContentType":"IMAGE","alt":"","previewImage":{"url":"https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Rebuy.png?v=1695262011"},"id":"gid://shopify/MediaImage/34823106330646","image":{"altText":null,"url":"https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Rebuy.png?v=1695262011","width":800,"height":450,"__typename":"Image"}}]},"tags":[],"metafields":[{"key":"link_label_1","namespace":"custom","value":"Read docs","type":"single_line_text_field"},{"key":"link_1","namespace":"custom","value":"https://developers.rebuyengine.com/reference/shopify-hydrogen-getting-started","type":"url"},{"key":"link_label_2","namespace":"custom","value":"Get started","type":"single_line_text_field"},{"key":"link_2","namespace":"custom","value":"https://bitbucket.org/rebuyengine/npm-rebuy-hydrogen/src/master/README.md","type":"url"}]},{"id":"gid://shopify/Product/8022808166422","title":"Okendo","description":"Okendo's native Hydrogen components deliver fresh, fast star ratings and review widgets without compromising the performance of your store. The integration provides the total end-to-end experience.","media":{"nodes":[{"__typename":"MediaImage","mediaContentType":"IMAGE","alt":"Okendo logo","previewImage":{"url":"https://cdn.shopify.com/s/files/1/0598/4822/8886/files/okendo.png?v=1692987481"},"id":"gid://shopify/MediaImage/32235621548054","image":{"altText":"Okendo logo","url":"https://cdn.shopify.com/s/files/1/0598/4822/8886/files/okendo.png?v=1692987481","width":800,"height":450,"__typename":"Image"}}]},"tags":[],"metafields":[{"key":"link_label_1","namespace":"custom","value":"Read docs","type":"single_line_text_field"},{"key":"link_1","namespace":"custom","value":"https://docs.okendo.io/okendo-shopify-hydrogen-support","type":"url"},{"key":"link_label_2","namespace":"custom","value":"See demo","type":"single_line_text_field"},{"key":"link_2","namespace":"custom","value":"https://github.com/okendo/okendo-shopify-hydrogen-demo","type":"url"}]},{"id":"gid://shopify/Product/8672444776470","title":"Yotpo","description":"Seamlessly grow subscribers and engage in real-time at every step of the journey, like abandoned checkout. Access 50+ data points for targeted messages and use data-driven insights to optimize.","media":{"nodes":[{"__typename":"MediaImage","mediaContentType":"IMAGE","alt":"","previewImage":{"url":"https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Yotpo_0c063968-6b12-47d1-a5eb-dc33ef76b897.png?v=1703166236"},"id":"gid://shopify/MediaImage/35634931499030","image":{"altText":null,"url":"https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Yotpo_0c063968-6b12-47d1-a5eb-dc33ef76b897.png?v=1703166236","width":800,"height":450,"__typename":"Image"}}]},"tags":[],"metafields":[{"key":"link_label_1","namespace":"custom","value":"Read docs","type":"single_line_text_field"},{"key":"link_1","namespace":"custom","value":"https://support.yotpo.com/docs/search?query=Hydrogen\u0026searchType=articles","type":"url"},null,null]},{"id":"gid://shopify/Product/8672444350486","title":"Dynamic Yield","description":"Deploy the Experience Optimization Solution to track all visitor activities, page visits, and product integrations. Optimize and personalize customer experiences across any channel or touchpoint.","media":{"nodes":[{"__typename":"MediaImage","mediaContentType":"IMAGE","alt":"","previewImage":{"url":"https://cdn.shopify.com/s/files/1/0598/4822/8886/files/DynamicYield.png?v=1695261427"},"id":"gid://shopify/MediaImage/34823094403094","image":{"altText":null,"url":"https://cdn.shopify.com/s/files/1/0598/4822/8886/files/DynamicYield.png?v=1695261427","width":800,"height":450,"__typename":"Image"}}]},"tags":[],"metafields":[{"key":"link_label_1","namespace":"custom","value":"Read docs","type":"single_line_text_field"},{"key":"link_1","namespace":"custom","value":"https://support.dynamicyield.com/hc/en-us/articles/11893260911133","type":"url"},{"key":"link_label_2","namespace":"custom","value":"See demo","type":"single_line_text_field"},{"key":"link_2","namespace":"custom","value":"https://github.com/DynamicYield/shopify-hydrogen-demo","type":"url"}]},{"id":"gid://shopify/Product/8022808199190","title":"Nosto","description":"Nosto鈥檚 Commerce Experience Platform (CXP) fully supports Hydrogen storefronts. Use Nosto to build a headless stack without sacrificing the ability to deliver engaging and personalized commerce experiences.","media":{"nodes":[{"__typename":"MediaImage","mediaContentType":"IMAGE","alt":"Nosto logo","previewImage":{"url":"https://cdn.shopify.com/s/files/1/0598/4822/8886/files/nosto.png?v=1692987497"},"id":"gid://shopify/MediaImage/32235621580822","image":{"altText":"Nosto logo","url":"https://cdn.shopify.com/s/files/1/0598/4822/8886/files/nosto.png?v=1692987497","width":800,"height":450,"__typename":"Image"}}]},"tags":[],"metafields":[{"key":"link_label_1","namespace":"custom","value":"Learn more","type":"single_line_text_field"},{"key":"link_1","namespace":"custom","value":"https://www.nosto.com/shopify-hydrogen/","type":"url"},{"key":"link_label_2","namespace":"custom","value":"Get started","type":"single_line_text_field"},{"key":"link_2","namespace":"custom","value":"https://github.com/Nosto/shopify-hydrogen","type":"url"}]},{"id":"gid://shopify/Product/8672444317718","title":"Crossing Minds","description":"The Beam React library enables easy implementation of personalized recommendation features for Hydrogen stores, powering real-time insights and boosting customer satisfaction and sales revenue.","media":{"nodes":[{"__typename":"MediaImage","mediaContentType":"IMAGE","alt":"","previewImage":{"url":"https://cdn.shopify.com/s/files/1/0598/4822/8886/files/CrossingMinds.png?v=1695260894"},"id":"gid://shopify/MediaImage/34823083425814","image":{"altText":null,"url":"https://cdn.shopify.com/s/files/1/0598/4822/8886/files/CrossingMinds.png?v=1695260894","width":800,"height":450,"__typename":"Image"}}]},"tags":[],"metafields":[{"key":"link_label_1","namespace":"custom","value":"Read docs","type":"single_line_text_field"},{"key":"link_1","namespace":"custom","value":"https://www.npmjs.com/package/@crossingminds/beam-react","type":"url"},{"key":"link_label_2","namespace":"custom","value":"See demo","type":"single_line_text_field"},{"key":"link_2","namespace":"custom","value":"https://github.com/Crossing-Minds/hydrogen-demo-store","type":"url"}]},{"id":"gid://shopify/Product/8672444710934","title":"Pack Digital","description":"Pack is a front-end platform that was built for managing Hydrogen storefronts and includes all the workflow and content management capabilities a brand needs to build and move fast.","media":{"nodes":[{"__typename":"MediaImage","mediaContentType":"IMAGE","alt":"","previewImage":{"url":"https://cdn.shopify.com/s/files/1/0598/4822/8886/files/PackDigital.png?v=1695262808"},"id":"gid://shopify/MediaImage/34823122255894","image":{"altText":null,"url":"https://cdn.shopify.com/s/files/1/0598/4822/8886/files/PackDigital.png?v=1695262808","width":800,"height":450,"__typename":"Image"}}]},"tags":[],"metafields":[{"key":"link_label_1","namespace":"custom","value":"Get started","type":"single_line_text_field"},{"key":"link_1","namespace":"custom","value":"https://github.com/packdigital/pack-hydrogen-demo","type":"url"},{"key":"link_label_2","namespace":"custom","value":"See demo","type":"single_line_text_field"},{"key":"link_2","namespace":"custom","value":"https://hydrogen.packdigital.com/","type":"url"}]},{"id":"gid://shopify/Product/8672444514326","title":"Vercel","description":"Vercel鈥檚 Frontend Cloud provides the world-class developer experience and managed frontend infrastructure to securely deploy and scale a faster, more personalized, composable Hydrogen storefront.","media":{"nodes":[{"__typename":"MediaImage","mediaContentType":"IMAGE","alt":"","previewImage":{"url":"https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Vercel.png?v=1695262306"},"id":"gid://shopify/MediaImage/34823111802902","image":{"altText":null,"url":"https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Vercel.png?v=1695262306","width":800,"height":450,"__typename":"Image"}}]},"tags":[],"metafields":[{"key":"link_label_1","namespace":"custom","value":"Read docs","type":"single_line_text_field"},{"key":"link_1","namespace":"custom","value":"https://vercel.com/docs/integrations/shopify","type":"url"},{"key":"link_label_2","namespace":"custom","value":"Get started","type":"single_line_text_field"},{"key":"link_2","namespace":"custom","value":"https://vercel.com/templates/remix/hydrogen-2","type":"url"}]},{"id":"gid://shopify/Product/8672444842006","title":"Netlify","description":"Netlify Core is the frontend cloud solution for developers to build and deploy fast and scalable Hydrogen storefronts using modern, composable tooling without labor-intensive operations.","media":{"nodes":[{"__typename":"MediaImage","mediaContentType":"IMAGE","alt":"","previewImage":{"url":"https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Netlify_bc409494-5e61-4aaa-ad1f-06657405ba53.png?v=1703166446"},"id":"gid://shopify/MediaImage/35634931531798","image":{"altText":null,"url":"https://cdn.shopify.com/s/files/1/0598/4822/8886/files/Netlify_bc409494-5e61-4aaa-ad1f-06657405ba53.png?v=1703166446","width":800,"height":450,"__typename":"Image"}}]},"tags":[],"metafields":[{"key":"link_label_1","namespace":"custom","value":"Read docs","type":"single_line_text_field"},{"key":"link_1","namespace":"custom","value":"https://docs.netlify.com/integrations/frameworks/hydrogen/","type":"url"},{"key":"link_label_2","namespace":"custom","value":"Get started","type":"single_line_text_field"},{"key":"link_2","namespace":"custom","value":"https://github.com/netlify/hydrogen-template","type":"url"}]},{"id":"gid://shopify/Product/9571808444438","title":"Fast Simon","description":"Fast Simon is a shopping optimization platform providing Visual AI Similarity, Shop-The-Look, AI search \u0026 discovery, AI Merchandising, Personalization, Audiences, and Analytics - for Hydrogen Stores.","media":{"nodes":[{"__typename":"MediaImage","mediaContentType":"IMAGE","alt":"","previewImage":{"url":"https://cdn.shopify.com/s/files/1/0598/4822/8886/files/FastSimon.png?v=1703166567"},"id":"gid://shopify/MediaImage/35634931564566","image":{"altText":null,"url":"https://cdn.shopify.com/s/files/1/0598/4822/8886/files/FastSimon.png?v=1703166567","width":800,"height":450,"__typename":"Image"}}]},"tags":[],"metafields":[{"key":"link_label_1","namespace":"custom","value":"Get started","type":"single_line_text_field"},{"key":"link_1","namespace":"custom","value":"https://github.com/instantsearchplus/shopify-hydrogen-2/blob/master/README.md","type":"url"},{"key":"link_label_2","namespace":"custom","value":"Demo","type":"single_line_text_field"},{"key":"link_2","namespace":"custom","value":"https://shopify-hydrogen-2-b10004a9e68ce7a318e7.o2.myshopify.dev/products/mens-muscle-top?Size=S\u0026Color=Purple","type":"url"}]},{"id":"gid://shopify/Product/8672444448790","title":"Swym Wishlist","description":"Create frictionless, memorable shopping experiences. Let shoppers Save for Later and create multiple wishlists. Industry-leading remarketing capabilities. 15+ tech integrations. Detailed reports.","media":{"nodes":[{"__typename":"MediaImage","mediaContentType":"IMAGE","alt":"","previewImage":{"url":"https://cdn.shopify.com/s/files/1/0598/4822/8886/files/SwymWishlist.png?v=1695262166"},"id":"gid://shopify/MediaImage/34823109083158","image":{"altText":null,"url":"https://cdn.shopify.com/s/files/1/0598/4822/8886/files/SwymWishlist.png?v=1695262166","width":800,"height":450,"__typename":"Image"}}]},"tags":[],"metafields":[{"key":"link_label_1","namespace":"custom","value":"Get started","type":"single_line_text_field"},{"key":"link_1","namespace":"custom","value":"https://github.com/swym-corp/swym-hydrogen-store","type":"url"},null,null]},{"id":"gid://shopify/Product/8672444579862","title":"Shopify Search \u0026 Discovery","description":"Build a search and discovery solution that meets your commerce needs. Have more control over your buyer journey and deliver a more personalized search experience on your storefront.","media":{"nodes":[{"__typename":"MediaImage","mediaContentType":"IMAGE","alt":"","previewImage":{"url":"https://cdn.shopify.com/s/files/1/0598/4822/8886/files/ShopifySearch_Discovery.png?v=1695262682"},"id":"gid://shopify/MediaImage/34823119405078","image":{"altText":null,"url":"https://cdn.shopify.com/s/files/1/0598/4822/8886/files/ShopifySearch_Discovery.png?v=1695262682","width":800,"height":450,"__typename":"Image"}}]},"tags":[],"metafields":[{"key":"link_label_1","namespace":"custom","value":"Read docs","type":"single_line_text_field"},{"key":"link_1","namespace":"custom","value":"https://shopify.dev/docs/custom-storefronts/building-with-the-storefront-api/search-discovery","type":"url"},{"key":"link_label_2","namespace":"custom","value":"Get started","type":"single_line_text_field"},{"key":"link_2","namespace":"custom","value":"https://apps.shopify.com/search-and-discovery","type":"url"}]}],"pageInfo":{"hasPreviousPage":false,"hasNextPage":false,"startCursor":"eyJsYXN0X2lkIjo4MDIyODA3ODA1OTc0LCJsYXN0X3ZhbHVlIjoyfQ==","endCursor":"eyJsYXN0X2lkIjo4NjcyNDQ0NTc5ODYyLCJsYXN0X3ZhbHVlIjoxN30="}}}}},"actionData":null,"errors":null},"future":{"v3_fetcherPersist":true,"v3_relativeSplatPath":false,"v3_throwAbortReason":true}};__remixContext.p = function(v,e,p,x) { if (typeof e !== 'undefined') { x=new Error("Unexpected Server Error"); x.stack=undefined; p=Promise.reject(x); } else { p=Promise.resolve(v); } return p; }; __remixContext.n = function(i,k) { __remixContext.t = __remixContext.t || {}; __remixContext.t[i] = __remixContext.t[i] || {}; let p = new Promise((r, e) => {__remixContext.t[i][k] = {r:(v)=>{r(v);},e:(v)=>{e(v);}};}); return p; }; __remixContext.r = function(i,k,v,e,p,x) { p = __remixContext.t[i][k]; if (typeof e !== 'undefined') { x=new Error("Unexpected Server Error"); x.stack=undefined; p.e(x); } else { p.r(v); } };Object.assign(__remixContext.state.loaderData["root"], {});</script><script type="module" async="">import "https://cdn.shopify.com/oxygen-v2/25760/10053/20707/1208616/build/manifest-240911F9.js"; import * as route0 from "https://cdn.shopify.com/oxygen-v2/25760/10053/20707/1208616/build/root-OVCZHGDT.js"; import * as route1 from "https://cdn.shopify.com/oxygen-v2/25760/10053/20707/1208616/build/routes/integrations-OOMPILE7.js"; window.__remixRouteModules = {"root":route0,"routes/integrations":route1}; import("https://cdn.shopify.com/oxygen-v2/25760/10053/20707/1208616/build/entry.client-YDZ4JQSL.js");</script></body></html>