←Back
E-Commerce✦ Figma Included

Haven Goods Streetwear Hero & Catalog

Dark crimson streetwear showcase featuring centered image frame wipe, large typography marquee, and dedicated catalog page.

$29
Buy Component↗Live Demo ↗
Includes matching standalone .fig design file
Interactive Motion ShowcaseNext.js, GSAP

About this component

An editorial e-commerce experience designed for limited-edition drops and hype culture brands. Features deep crimson backdrops, centered hero frame transitions, and a full catalog view with modular filtering.

Features

  • ✓Multi-page architecture with dedicated catalog page and sticky nav
  • ✓Centered image frame wipe with synchronized GSAP text entrance
  • ✓Dynamic product grid with variant badges and instant hover previews
  • ✓Designed for seamless Shopify and Medusa headless integrations

Technologies

Next.jsGSAP

What is included

  • •Figma source design file (.fig) included
  • •6 modular TypeScript component files (index, nav, catalog, catalog-page, footer)
  • •Complete Tailwind styling & responsive layout tokens
  • •Commercial project license