01
Filters that mean it
Every checkbox here maps to a real age range, category or material — not a mood board. Swap the catalog for a completely different kind of store and the same engine keeps working.
About
Built for the
whole day.
THREAD is an imaginary storefront and a very real demonstration of front-end craft. It exists to prove a point: a small, honest ecommerce base — real cart, real filters, no backend — can be reskinned into a completely different, brighter store without a rewrite.
02
Honest by default
Nothing here pretends to be a backend it isn't. The cart is real, the checkout total is real math, and the confirmation says plainly that no order is placed.
03
Bright, then durable
A cheerful palette and a bouncy grid, with motion that always has a reduced-motion twin. Fun on the surface, built to survive an actual playground underneath.
How it's made
Every product photograph on this site is real, self-hosted photography — downloaded once, converted to WebP, and committed to the repo. No hotlinking, no external requests at runtime, and explicit dimensions everywhere so nothing shifts while it loads.
The storefront runs entirely in your browser: no backend, no API calls. Adding to cart and placing an order update local state directly, persisted to this browser's localStorage — instant, and honestly labelled as a demo. Nothing is ever charged and no order is transmitted anywhere.
The filter engine
Every field below is declared once, in one data file, and the shop keeps working:
age
Age
Newborn · 0–12m · 1–3y · 3–6y · 6–10y
category
Category
Tops · Bottoms · Dresses · Outerwear · Sleep · Sets
gender
Gender
Boy · Girl · Unisex
material
Material
Organic Cotton · Cotton · Fleece · Linen
priceBand
Price
Under $15 · $15–30 · $30–50 · $50+