Item grid and list

A masonry grid fitting item cards of varying heights into tight columns. Works well for mixed imagery in lookbooks and curated collections.

A table listing items in rows with columns for image, name, stock, and price. Ideal for dashboards, admin catalogs, and bulk inventory views.

A vertical timeline arranging items or drops by date with images and prices. Good for release schedules, new arrivals, and limited editions.

A dense list packing each item into a slim row with thumbnail, name, and price. Fits long catalogs and search results where space is tight.

A side by side list lining up items with specs, prices, and features in columns. Helps shoppers weigh options before they commit to a purchase.

A list spotlighting select items with large imagery, descriptions, and prices. Highlights bestsellers or promotions on a storefront landing page.

A item list paired with category, price, and attribute filters in a sidebar. Lets shoppers narrow large catalogs and find the right item fast.

An image first list showing items as large photo cards with name and price. Suits visual categories like fashion, home decor, and art prints.

A sidebar of category filters with checkboxes, price sliders, and color swatches beside a item grid. Refines large catalogs on a shop listing page.

A slide in drawer holding category, price, and rating filters for small screens. Keeps the item grid full width until shoppers tap to refine on mobile.

A row of filter dropdowns and chips sitting above the item grid. Lets shoppers narrow by category, price, and brand without giving up vertical space.

A category preview that slides items through a horizontal carousel, letting shoppers swipe across a collection without leaving the page on mobile.