A set of 12 product card variants for general retail — classic, hover actions, image swap, colour swatches, quick add, deal, spec sheet, hover gallery, editorial overlay, list row, grocery, minimal. Every card is a plain <article> styled by one scoped stylesheet and driven by one dependency-free script, so a variant drops into any page with a copy-paste. A neutral design language built to be re-themed with a dozen CSS custom properties.

Interactions are real, not mocked: add-to-cart with a running cart drawer, wishlist and compare toggles, quick view in a dialog, colour swatches that switch the image, size and pack-size pickers that re-price, hover galleries, live countdowns and inline quantity steppers. Everything hover-revealed stays reachable on touch and by keyboard, and the runtime announces every action as a DOM event so a real store can take over.