Gymkha
A headless Shopify sportswear store with an interactive 3D, physics-driven Collector page.
- Role
- Full-stack · Design
- Year
- 2025
- Platforms
- Web
- Stack
- Next.js
- Shopify
- Three.js
- Matter.js
- GSAP
- Tailwind CSS
- Links
A sportswear store that feels like a brand, not a template, with a 3D, physics-driven page for its Collector Series.
What it is
Gymkha sells gym wear and accessories for men and women. I built its storefront as a headless Shopify site in Next.js, so the brand gets a fully custom design while Shopify still handles products, checkout and orders.
Homepage campaigns are edited in Shopify itself, and customers get a full account area for orders, addresses, wishlist and returns.
The store
What it does
Collector Series
An interactive Three.js and Matter.js scene for limited drops.
Shopify as the CMS
Seasonal sales and showcases are edited in Shopify, with no deploy.
Customer accounts
Orders, addresses, wishlist and returns.
Quick to shop
Filters, search, a cart drawer and a size guide.
How it fits together
- StorefrontNext.js
- ShopifyProducts, cart and checkout
- Customer accountsShopify sign-in
- Storefront connects to Shopify
- Storefront connects to Customer accounts
- Headless, so the design isn't limited by a theme.
- Shopify stays the source of truth for products and orders.