React templates
Complete pages to start from, each one drawn in light and dark, with a live demo and the whole source.
Every template is one design — a set of component styles and a handful of variables — over the same components, so none of them ships a stylesheet. The sections they are made of are blocks you can take on their own.
React ecommerce storefront template
A store front page in React: a drawn hero, a product grid with filters and sorting, and a story band, in light and dark with no stylesheet.
See it, and the code
React product page template
A React product page: an image gallery, colour and size pickers, a quantity stepper, add to cart, a details accordion and related products.
See it, and the code
React shopping cart page template
A React cart page: editable line items beside an order summary with a discount code, a free-shipping progress bar and an empty state.
See it, and the code
React checkout page template
A one-page React checkout: contact, shipping address, delivery options and a credit card form beside the order summary, light and dark.
See it, and the code