fetaUI
GitHub

Product Details

Expandable Text and Review Card composed into a product block.

FreeWeb and MobileMotion

Preview

npx shadcn add @fetaui/product-details
Playground

Speckled stoneware cup

$38 set of two

Thrown by hand in a small studio outside Porto, each cup is made from a coarse local stoneware that fires to a warm oatmeal tone. A satin glaze breaks over the iron speckles in the clay, so no two cups in a set are quite alike.

They hold 300 ml, which suits a flat white, a long black, or a generous pour of tea. The rim is rolled thin for drinking, the walls are thick enough to keep coffee warm, and the unglazed foot is sanded smooth so it will not scratch a table.

Dishwasher and microwave safe. Because every cup is made by hand, sizes can vary by a few millimetres and small marks from the kiln are part of the piece.

Reviews

4.7 from 128
Hannah WalshSep 18

The glaze is even better in person

I bought two sets after holding one at a friend's place, and they have quietly replaced every other mug in the cupboard. The speckled glaze pools slightly darker near the base, so each one looks a little different under morning light. They hold a proper 300 ml flat white with room to spare.

Daniel KimSep 9

Lovely weight, small handle

Beautifully made and heavier than they look, which I like. The handle only fits two fingers, so if you have larger hands you will end up holding the body of the cup instead. It does keep the heat, though, so I use a saucer.

Sofia RamirezAug 30

Arrived fast

Well packed and arrived in two days. Exactly as pictured.

One review

Speckled stoneware cup

$38 set of two

Thrown by hand in a small studio outside Porto, each cup is made from a coarse local stoneware that fires to a warm oatmeal tone. A satin glaze breaks over the iron speckles in the clay, so no two cups in a set are quite alike.

They hold 300 ml, which suits a flat white, a long black, or a generous pour of tea. The rim is rolled thin for drinking, the walls are thick enough to keep coffee warm, and the unglazed foot is sanded smooth so it will not scratch a table.

Dishwasher and microwave safe. Because every cup is made by hand, sizes can vary by a few millimetres and small marks from the kiln are part of the piece.

Reviews

4.7 from 128
Hannah WalshSep 18

The glaze is even better in person

I bought two sets after holding one at a friend's place, and they have quietly replaced every other mug in the cupboard. The speckled glaze pools slightly darker near the base, so each one looks a little different under morning light. They hold a proper 300 ml flat white with room to spare.

Icons animation
Motion

Installation

Terminal· bash
 npx shadcn add @fetaui/product-details

Accessibility

  • A labelled section with real headings.

Motion

  • Description and reviews open in place.

Responsive behavior

  • The photo sits beside the copy on Web and above it on Mobile.

Performance

  • A static layout. Each Review Card and the description measures itself through Expandable Text.

Note for AI

Give your coding assistant the Markdown reference instead of screenshots.

  • Import ProductDetails. Props: name, price, priceNote, description, score, media, reviews, animated.
  • reviews take Review Card props plus an id. media sits beside the copy on Web and above it on Mobile.
  • The demo's media is a drawn scene. Replace it with your photo.

Related