Storefront kit

The whole purchase funnel: collection, product detail, bag, checkout, confirmation and an account area. Seven routes, no commerce SDK.

Sticky filter sidebar, sort toolbar and product grid — with the facets dropped rather than stacked on mobile, so a shopping page does not open as a form.

Gallery, sticky buy box, details accordion and reviews — ordered by what a shopper needs before they can decide.

Editable lines beside a sticky summary, so the total and the checkout button survive a scroll through four quantity changes.

Address and payment with the site navigation stripped and the order summary moved above the form on mobile — both aimed squarely at completion rate.

The post-purchase screen, with navigation restored and a rail that shows what to buy next rather than what was just bought.

Order history in the settings shell rather than a second sidebar layout — an account area and a settings area are the same shape.

Responsive product cards with sale badges, ratings and a wishlist button layered above the card link so it stays clickable.

Category, size, colour and price facets as proper fieldsets, with colour swatches that carry their name as well as their hue.

Result count, sort and density switch — with the count in an aria-live region, since it is the only feedback a filter change gives some users.

Main image with a thumbnail strip built as a real tablist, so arrow keys work and the ratio is fixed to stop the buy box shifting.

Price, variant radiogroup, quantity stepper and add-to-bag — with sold-out sizes disabled and visible rather than hidden.

Description, materials, delivery and returns in named <details> elements — no JavaScript, and the copy stays indexable while collapsed.

Average rating with a clickable histogram — because a 4.3 of forties and fives is a different product from a 4.3 of ones and fives.

A basket panel with the dialog mechanics usually missing: focus trap, focus return, Escape to close and a background scroll lock.

Quantity steppers and remove-with-undo, with every total derived rather than stored so the basket can never disagree with itself.

The full autocomplete token set that lets a browser fill eight fields in one tap, plus address labels that follow the selected country.

Subtotal, discount, delivery and tax all derived from the lines, with the free-delivery nudge driven by the same threshold as the charge.

The wallet buttons above the form, and what they do to it: the address a wallet returns is shown and stays editable, and the row disappears entirely when no wallet is actually available.

The thank-you screen built to prevent two support emails: a selectable order number and a delivery date range rather than "soon".

The fortnight between buying and reviewing, answered properly: an arrival range rather than a date, exceptions above the timeline, and a copyable carrier reference.

Sortable reviews with verified-purchase badges, optimistic helpful votes and a real expand control instead of a fade that hides text.

A framed visual that smoothly zooms in on hover while the overlay text stays sharp — common in image galleries.

A small green dot with an outward-pulsing ring paired with a status label — common in dashboards for 'online' state.

A dark button with a skewed highlight band that sweeps across its surface on hover, like light catching glass.

Two stacked placeholder bars with a soft sweeping highlight that signals content is on its way.