Gallery 103 block design & features
Gallery103 is a centered product deck built with shadcn/ui. A heading and description sit above a portrait card stack where the cards behind the front one rise above it, each smaller and paler than the last. Under the deck, round previous and next buttons frame the current product name with its material and price, and a row of small square thumbnails runs along the bottom.
The front card can be grabbed and dragged freely, tilting as it moves. Throwing it past a threshold, or flicking it, sends it flying off that side before it tucks in at the back of the deck, while short drags spring back to the middle. The next arrow and arrow key throw the card the same way. As the next card rises into place on a spring, the caption slides and fades to the new product. Thumbnails sit at half opacity with the current one outlined, and clicking any thumbnail jumps straight to it. Arrow keys work when the deck has focus.
The style is quiet and catalogue-like, letting soft product photography carry the section. It suits a small edit of products more than a full listing. It needs a portrait image, name, material, and price for each item.