Shop The Look 7 - Fanned Card Hand Picker

Pro

Product cards fanned out like a hand of playing cards, where hovering lifts a card and clicking draws it up, with a sentence summary of the pick and a call to action.

Shadcn Shop The Look 7 block

Component data

ID
shop-the-look7
Access
pro
Created
Oct 16, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Shop The Look 7 block design & features

ShopTheLook7 lays products out like a hand of playing cards. In this shadcn/ui block, a centered heading sits above seven cards fanned from a shared point below the section, each one a bordered card with a portrait product photo, name, and price. Under the fan, a short sentence names the drawn card with its tint and price, followed by a primary button.

Hovering a card lifts it slightly out of the fan, and clicking draws it higher and brings it to the front. The cards move with a springy overshoot that makes the interaction feel physical. Cards use the theme's card surface and border, so they adapt to light and dark modes.

It is playful and tactile, a fresh alternative to a product grid for small curated sets such as eyewear, jewelry, or accessories. The cards behave as a radio group for screen readers. It needs a product image, name, tint or variant, and price for each card.