I built a production-ready Shopify Hydrogen theme and open-sourced it

Ozgur Sagiroglu — Sun, 16 Aug 2026 23:40:54 +0000

Every Hydrogen project I've worked on started the same way — wire up a cart, build a PDP, add filters, then spend weeks on the "extras" that aren't really extras: wishlist, compare, quick view, proper i18n, RTL.

After doing this enough times I decided to build it once and properly.

ada ÉLAN is a Hydrogen storefront theme for fashion brands. It ships:

— An editorial design system (Cormorant Garamond + Plus Jakarta Sans, documented design tokens)
— Real i18n — English, French, Arabic with full RTL layout
— Merchandising surfaces: lookbook, shop-the-look, compare, wishlist, quick view, reviews
— A seeding CLI that provisions metaobjects and demo products so your store isn't empty on first run
— Unit tests (Vitest), E2E across 5 browsers (Playwright), Storybook component docs

Stack: Hydrogen 2025.7, React Router 7, Tailwind 4, TypeScript strict, Zustand, Framer Motion.

The seeding CLI is probably the part I'm most proud of. You run one command and it creates all the metaobject definitions, uploads demo content, and provisions products. No more manual setup in the Shopify admin.

MIT licensed. Feedback welcome.

github.com/ozgursagiroglu/shopify-hydrogen-fashion-theme

DEV Community: Ozgur Sagiroglu

I built a production-ready Shopify Hydrogen theme and open-sourced it