Ecommerce · React
Sneaker store
Dark sneaker storefront with a filterable catalog, a resole service, drop sign-ups and a working cart.
What you get
A storefront for an independent sneaker brand: a bold hero, a catalog of runners, court shoes and trail shoes with a cart drawer, a resole service, shipping and returns, customer quotes and a drop newsletter. All content lives in src/site.ts.
Files
Exactly what is copied into a new project: 13 files, nothing generated.
Explorer 13
src/site.ts
import type { Site } from "./types"; /** Everything this site shows. Edit freely. */export const site: Site = { "brand": "Kerb Club", "nav": [ { "label": "Shop", "href": "#shop" }, { "label": "Resole", "href": "#resole" }, { "label": "Shipping", "href": "#shipping" }, { "label": "Drops", "href": "#drops" } ], "navCta": { "label": "Shop the drop", "href": "#shop" }, "sections": [ { "kind": "hero", "variant": "split", "eyebrow": "Drop 14 · Meridian Runner in Moss", "title": "Shoes made to be worn out, then made to last longer.", "text": "Runners, court shoes and trail shoes designed in Philadelphia and built in small batches. Every pair can be resoled in our workshop when the tread is gone.", "primary": { "label": "Shop the drop", "href": "#shop" }, "secondary": { "label": "How resoling works", "href": "#resole" }, "visual": { "type": "tiles", "tones": [ "#3f4a1f", "#d6d3c4", "#57534e", "#1c1f14" ], "caption": "Meridian Runner · Moss / Bone" }, "note": "Free US shipping over $150. 30-day returns on unworn pairs." }, { "kind": "stats", "items": [ { "value": "9", "label": "Styles in the current line-up" }, { "value": "2,400", "label": "Pairs resoled since 2021" }, { "value": "30 days", "label": "To return unworn pairs" }, { "value": "4.7 / 5", "label": "Average fit rating from buyers" } ] }, { "kind": "products", "id": "shop", "eyebrow": "Shop", "title": "The current line-up", "text": "True to size unless noted. Half sizes from US 6 to 13.", "currency": "$", "items": [ { "name": "Meridian Runner · Moss", "price": 145, "category": "Runners", "tone": "#3f4a1f", "text": "Recycled knit upper, EVA midsole, 8 mm drop.", "badge": "New" }, { "name": "Meridian Runner · Bone", "price": 145, "category": "Runners", "tone": "#78716c", "text": "Same last and sole with an undyed upper.", "badge": "Bestseller" }, { "name": "Tempo 2", "price": 160, "category": "Runners", "tone": "#44403c", "text": "Firmer, lighter ride for faster days." }, { "name": "Baseline Low", "price": 120, "category": "Court", "tone": "#7c2d12", "text": "Full-grain leather on a stitched cupsole.", "badge": "Bestseller" }, { "name": "Baseline Hi", "price": 135, "category": "Court", "tone": "#292524", "text": "High-top version with a padded collar.", "badge": "Low stock" }, { "name": "Clubhouse Suede", "price": 125, "category": "Court", "tone": "#854d0e", "text": "Tan suede, gum sole, waxed cotton laces." }, { "name": "Ridge GTX", "price": 185, "category": "Trail", "tone": "#365314", "text": "Waterproof membrane and 5 mm lugs.", "badge": "New" }, { "name": "Ridge Mid", "price": 195, "category": "Trail", "tone": "#3f3f3a", "text": "Ankle support for loaded hiking days." }, { "name": "Switchback", "price": 170, "category": "Trail", "tone": "#57534e", "text": "Light trail runner with a rock plate." }, { "name": "Cedar shoe trees", "price": 28, "category": "Care", "tone": "#78350f", "text": "Absorb moisture and keep the toe box shape." }, { "name": "Suede care kit", "price": 22, "category": "Care", "tone": "#4a3f35", "text": "Brush, eraser block and protector spray." }, { "name": "Lace pack", "price": 12, "category": "Care", "tone": "#3f3f46", "text": "Three pairs of waxed cotton laces." } ] }, { "kind": "split", "id": "resole", "eyebrow": "Resole service", "title": "Send them back when the tread is gone", "text": "Our Philadelphia workshop strips the old outsole, cleans the upper and bonds a new sole. Most pairs come back within three weeks and feel close to new.", "bullets": [ "$55 for runners and court shoes, $70 for trail", "Prepaid return label included", "New laces and insoles with every resole" ], "visual": { "type": "card", "tone": "#365314", "title": "Resole a pair", "lines": [ "Book online, print the label", "Turnaround about 3 weeks", "Up to 3 resoles per pair" ] }, "reverse": true }, { "kind": "features", "id": "shipping", "eyebrow": "Shipping & returns", "title": "The small print, in plain words", "columns": 4, "items": [ { "title": "Free over $150", "text": "Orders under $150 ship for $8. Most US orders arrive in 2 to 4 business days.", "icon": "truck" }, { "title": "30-day returns", "text": "Unworn pairs in the original box come back free. Refunds go out within 5 days.", "icon": "box" }, { "title": "Free size swaps", "text": "Wrong size? We send the new pair before you send the old one back.", "icon": "arrow" }, { "title": "Fit help", "text": "Email us your usual size in two other brands and we will suggest yours.", "icon": "mail" } ] }, { "kind": "quotes", "eyebrow": "Reviews", "title": "From people who wear them daily", "items": [ { "quote": "My Baseline Lows are on their second sole and the leather looks better than when I bought them.", "name": "Marcus T.", "role": "Owns three pairs" }, { "quote": "Ordered a 10, needed a 10.5. The new pair showed up before I had even printed the return label.", "name": "Dana K.", "role": "Size swap" }, { "quote": "The Ridge GTX kept my feet dry through a full day on the Wissahickon after a storm.", "name": "Luis R.", "role": "Weekend hiker" } ] }, { "kind": "cta", "title": "Get the next drop before it sells out", "text": "One email a month with release dates, restocks and the occasional sample sale. No daily promos.", "primary": { "label": "Join the drop list", "href": "#drops" }, "secondary": { "label": "Shop now", "href": "#shop" } }, { "kind": "contact", "id": "drops", "eyebrow": "Drop list", "title": "Sign up for release dates", "text": "Tell us your name and email. We send one email a month and you can leave with one click.", "fields": [ "name", "email" ], "button": "Join the drop list" } ], "footer": { "text": "Sneakers designed in Philadelphia, resoled in our own workshop.", "columns": [ { "title": "Shop", "links": [ "Runners", "Court", "Trail", "Care" ] }, { "title": "Help", "links": [ "Shipping", "Returns", "Size guide", "Resole service" ] }, { "title": "Follow", "links": [ "Instagram", "Drop list" ] } ], "legal": "© Kerb Club. Sample content: replace it in src/site.ts." }};Remix
Remix this template
Describe what to change and the agent starts from Sneaker store's files. The box is already started for you: finish “Start from Sneaker store and …”
Dependencies
Documented from the template's package.json. The runtime has a prebuilt dependency set for Vite + React + TypeScript, so installs are fast.
- react^19.1.0
- react-dom^19.1.0
- vite^6.3.0
- @vitejs/plugin-react^4.4.0
- tailwindcss^4.1.0
- @tailwindcss/vite^4.1.0
- typescript^5.8.0
How it runs
- Framework
- Vite + React + TypeScript
- Dev command
- npm run dev
- Build command
- npm run build
- Output directory
- dist
- Port
- 5173
- Entry route
- /
Projects run in an isolated sandbox with a live preview. Read the projects documentation for settings, snapshots and deployment.
Keep browsing
All templates
Coffee roaster shop
Dark storefront for a specialty roaster with single origins, a subscription, brew gear and shipping info.
- Featured
Ecommerce storefront
A product catalog with category filters and search, product detail view, and a cart kept in local state.
Bicycle shop
Bike shop storefront with gravel and city bikes, parts, service plans, workshop hours and group rides.
Build on Sneaker store
Create a free account, start from this template, and ask the AI agent to turn it into your app.