Raye
A striped-shirt shop with a size finder, checkout and admin
A complete online clothing shop with a home page that plays like an ad film, shown as a summer shirt brand with sample products, reviews and stories. Good for: a clothing, fashion or lifestyle brand that wants a polished storefront that feels like a campaign. How it works: on a product page the size finder takes height and weight on two sliders while a figure grows and fills out and the recommended size changes as you drag, a close, as-cut or roomy choice moves it one size, and one click picks that size on the page. Includes: a home page with a curtain-lift hero, product cards that turn to a model photo with quick add by size, mood cards dealt out as you scroll, a short film, reviews, a steps line and a live drop countdown; a shop with categories, colour, size and price filters, sort and search; product pages with a photo gallery, colours, sizes with stock per size, the size finder, a size chart in cm or inches and reviews; a bag drawer with a free-delivery meter, a cart with discount codes, a checkout that checks every field with mobile wallet, card or cash on delivery, an order confirmation, an account with order history, saved items, an about page, a journal and a help centre; a shop admin with sales against a monthly target, an order board you drag from new to delivered, stock and prices by size that the shop follows at once, discount codes the cart accepts, customers with tiers and notes, fit insights from the size finder and store settings, in light and dark; 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 the admin and the shop share it only in one browser; connect your own products, orders, payments and server. Built with React, TypeScript, GSAP and Lenis.
$162.50 — 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
- admin/index.html
- app.css
- css/admin/app.css
- css/admin/customers.css
- css/admin/fit.css
- css/admin/orders.css
- css/admin/overview.css
- css/admin/products.css
- css/admin/promos.css
- css/admin/settings.css
- css/pages.css
- index.html
- src/App.tsx
- src/admin/App.tsx
- src/admin/charts.tsx
- src/admin/main.tsx
- src/admin/motion.ts
- src/admin/pages/ (7 files)
- src/admin/router.ts
- src/admin/seed.ts
- src/admin/store.ts
- src/admin/ui.tsx
- src/data.ts
- src/env.d.ts
- src/fit.tsx
- src/fitEngine.ts
- src/layout.tsx
- src/main.tsx
- src/motion.ts
- src/pages/about.tsx
- src/pages/account.tsx
- src/pages/cart.tsx
- src/pages/checkout.tsx
- src/pages/help.tsx
- src/pages/home.tsx
- src/pages/journal.tsx
- src/pages/notFound.tsx
- src/pages/order.tsx
- src/pages/product.tsx
- src/pages/shop.tsx
Version history
- v1.0.1, 2026-11-01 — A shop admin. Adds a shop admin at /admin/: sales against a monthly target, an order board you drag from New to Delivered, stock and prices by size that the shop follows at once, customers, fit insights from the size finder, discount codes and settings, in light and dark. The demo video now shows it.
- v1.0.0, 2026-11-01 — First release. Raye shipped, with the reel recorded from the real page.