Filter list

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 responsive grid of item cards with images, titles, prices, and buttons. The standard catalog layout for category and search pages in a store.

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 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.