Glint
A streetwear store with a pinned, woven-wordmark hero
A complete online clothing store with a home page that plays like an ad film, shown as a streetwear label with sample products, looks and showrooms. Good for: a streetwear, sportswear or fashion brand that wants a bold storefront that feels like a campaign. How it works: the hero holds in place while a giant wordmark rises behind the model with one outlined letter in front of her, then as you scroll the letters spread apart and fade while the photo pushes in; chrome droplets float at their own speeds and lean toward the mouse. Includes: a home page with the pinned hero, three collection rows with drifting titles, a campaign film that grows to fill the screen and a lookbook band; a fixed glass navigation bar with a sliding dot and a scroll line; a catalog by collection with sorting; product pages with two photos, sizes with sold-out sizes crossed out, quantity, fabric and fit notes and related pieces; a lookbook where one button adds a whole look to the bag; showrooms in three cities that show if each is open now and take fitting bookings; 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 orders and fittings, an about page, shipping, privacy and terms 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, payments and server. Built with React, TypeScript, GSAP and Lenis.
$78.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
- 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/cart.tsx
- src/pages/catalog.tsx
- src/pages/checkout.tsx
- src/pages/home.tsx
- src/pages/legal.tsx
- src/pages/lookbook.tsx
- src/pages/notFound.tsx
- src/pages/order.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. Glint shipped, with the reel recorded from the real page.