Skip to content
SevenUI
Sign in

Product Category

Category indexes that show a shop's departments and route a browser into one. 10 blocks in this category.

Every block here is Pro. One purchase, yours forever —$99 lifetime, rising to $249 once the catalog launches.

Pre-order — $99

Product Category 01Pro

A ruled contents page of departments: full-width entries on a twelve-column grid where the photograph alternates sides, and each name runs across a dotted leader to a count flush on the text block's edge.

Open the Product Category 01 preview in a new tab
… add @sevenui/pro/product-category-01
100%

Product Category 02Pro

A printed index of the whole store — five department cells plus a whole-store cell, thirty categories with small thumbnails, each name carried across a dotted leader to a right-aligned count on one numeric spine.

Open the Product Category 02 preview in a new tab
… add @sevenui/pro/product-category-02
100%

Product Category 03Pro

An asymmetric mosaic of full-bleed department tiles joined by hairline seams instead of card chrome, a two-by-two hero anchoring names set at display scale over the photograph.

Open the Product Category 03 preview in a new tab
… add @sevenui/pro/product-category-03
100%

Product Category 04Pro

A filter toolbar whose chips and status segments carry counts recomputed against each other — a control that would yield nothing renders its number struck through — above a dense frameless grid with a designed empty state.

Open the Product Category 04 preview in a new tab
… add @sevenui/pro/product-category-04
100%

Product Category 05Pro

A quiet typographic index of departments beside a single large plate: hovering or focusing a row wipes the next photograph in behind a travelling hairline, so the image is the reward for attention rather than the wallpaper.

Open the Product Category 05 preview in a new tab
… add @sevenui/pro/product-category-05
100%

Product Category 06Pro

Tall portrait cards, desaturated and still at rest, that open one authored geometry on hover and on keyboard focus: a plate grows from zero height while the crop shortens inside a card whose outer ratio never moves.

Open the Product Category 06 preview in a new tab
… add @sevenui/pro/product-category-06
100%

Product Category 07Pro

A storefront floor read top to bottom: each department is a horizontal rail of photo chips that bleeds past the container, under a label that draws its shelf edge only once it pins.

Open the Product Category 07 preview in a new tab
… add @sevenui/pro/product-category-07
100%

Product Category 08Pro

One department on stage at a time with the next breaking the edge as a dimmed sliver you can click to bring forward, a subcategory ledger set beside the photograph, and a live rail under the deck that states how deep it runs.

Open the Product Category 08 preview in a new tab
… add @sevenui/pro/product-category-08
100%

Product Category 09Pro

A welded sequence of covers: full-bleed department bands butted against their caption strips, names set at display scale against a crop that letterboxes progressively as the viewport widens.

Open the Product Category 09 preview in a new tab
… add @sevenui/pro/product-category-09
100%

Product Category 10Pro

A calm grid of bordered department tiles, each holding its photograph flush in a rounded frame above the name, the count, and the three shelves people open most.

Open the Product Category 10 preview in a new tab
… add @sevenui/pro/product-category-10
100%