
Screenshot of the live demo, not a mockup.
E-commerce
Harbor
Harbor is a complete storefront for brands that lead dark: apparel, technical goods, streetwear. Editorial collection pages, a product page with gallery zoom, variants and real stock states, and a cart drawer with free-shipping progress. Stripe Checkout is pre-wired and optional: it builds and runs with zero environment variables.
What’s inside
- 17 real pages: home, collection index, 3 collections, 6 products, cart, journal index, 3 journal entries, about
- Product gallery with pointer-position zoom and a sticky buy box
- Variants with genuine stock states: low stock and sold out
- Cart drawer with free-shipping progress and an upsell slot
- Stripe Checkout pre-wired and optional: no SDK, prices read server-side
- Complete light and dark themes, tuned for WCAG AA contrast
Pages included
HomeCollectionProductCartJournalAbout
Built with
Next.js 16Tailwind v4MotionRadix UIStripeTypeScript
$99one-time payment
Live demoThe demo is the complete template, every page and section, exactly as it ships. The photography is monochrome stock; your own colour product shots drop into one folder with no code change.
- Instant download after checkout
- Lifetime updates for this template
- Unlimited projects & client work
- Secure checkout by Stripe
Or get everything for $199/yr
All 6 templates plus every future release with the All-Access Pass.
14-day money-back guarantee, no questions asked.