Kesten
A menswear store with a wordmark woven through its hero
A complete online menswear store with a home page that plays like an ad film, shown as a tailoring house with sample products, showrooms and fitting appointments. Good for: a tailor, suit shop or menswear brand that sells online and books fittings in store. How it works: a giant wordmark rises behind three men with its outline drawn over them, and as you scroll the letters drift apart; category photos swell under the mouse and a tape measure turns as its band scrolls past. Includes: a home page with category mosaics, a new-season row, a made-to-measure band and a rising footer wordmark; a navigation bar that floats over every page, with search; a collection with eight departments and sorting; product pages with sizes, a check that asks for a size before adding to the bag, a size guide, fabric and care notes and related pieces; a four-step fitting booker (service, showroom, day and time, your details) with a confirmation; showrooms in three cities with opening hours; a bag drawer with a free-delivery meter, a bag page with discount codes, a checkout that checks every field with standard, express or showroom pickup, an order receipt, an account with sign in, orders and fittings, about, contact and privacy pages and a 404; phone, tablet and desktop, and a reduced-motion version. How to use: it runs on sample data saved in the browser with no backend, so connect your own products, orders, bookings, payments and server. Built with React, TypeScript, GSAP and Lenis.
$84.00 — one-time price, free updates
- A React app template
- React and Vite · npm install and it runs
- Build unlimited client sites with it
Built with React, CSS, GSAP, Lenis smooth scroll.
What is in the zip
- app.css
- css/pages.css
- index.html
- src/App.tsx
- src/data.ts
- src/env.d.ts
- src/layout.tsx
- src/main.tsx
- src/motion.ts
- src/pages/about.tsx
- src/pages/account.tsx
- src/pages/appointment.tsx
- src/pages/bag.tsx
- src/pages/checkout.tsx
- src/pages/collection.tsx
- src/pages/contact.tsx
- src/pages/home.tsx
- src/pages/notFound.tsx
- src/pages/order.tsx
- src/pages/privacy.tsx
- src/pages/product.tsx
- src/pages/showrooms.tsx
- src/pages/usePage.ts
- src/router.ts
- src/store.ts
- src/ui.tsx
- tsconfig.json
Version history
- v1.0.0, 2026-11-01 — First release. Kesten shipped, with the reel recorded from the real page.