← All blocks
Editorial product mosaic with a story tile
product-grid · mosaic-with-story · product-grid-editorial-mosaic
npx shadcn@latest add @plus-ui/product-grid-editorial-mosaicDefault content
{
"eyebrow": "The slow supper edit",
"title": "Set the table for a long Sunday",
"description": "Oak boards, celadon plates and a candle that burns past pudding. Seven pieces chosen to sit together, all made in the North.",
"currency": "GBP",
"products": [
{
"name": "Coldwell oak serving board",
"href": "#",
"category": "Kitchen",
"material": "Oiled English oak, 48 × 22 cm",
"price": 58,
"images": [
{
"src": "https://images.unsplash.com/photo-1610701596061-2ecf227e85b2?auto=format&fit=crop&w=900&h=1100&q=80",
"alt": "Oak serving boards leaning on a wall behind cream tableware"
}
],
"swatches": [
{
"name": "Oak",
"color": "oklch(0.62 0.08 65)"
},
{
"name": "Walnut",
"color": "oklch(0.4 0.05 50)"
}
],
"rating": {
"value": 4.9,
"count": 97
}
},
{
"name": "Tarn dinner plate",
"href": "#",
"category": "Tableware",
"material": "Porcelain-blend stoneware, lake celadon glaze",
"price": 26,
"images": [
{
"src": "https://images.unsplash.com/photo-1578749556568-bc2c40e68b61?auto=format&fit=crop&w=900&h=1100&q=80",
"alt": "A stack of pale blue glazed dinner plates on a slatted tray"
}
],
"swatches": [
{
"name": "Lake",
"color": "oklch(0.78 0.05 230)"
},
{
"name": "Slate",
"color": "oklch(0.45 0.02 250)"
}
],
"rating": {
"value": 4.8,
"count": 164
}
},
{
"name": "Hollin tumbler, set of 4",
"href": "#",
"category": "Tableware",
"material": "Speckled stoneware, oat satin glaze",
"price": 48,
"images": [
{
"src": "https://images.unsplash.com/photo-1610701596007-11502861dcfa?auto=format&fit=crop&w=900&h=1100&q=80",
"alt": "Speckled stoneware tumblers stacked on a white shelf"
},
{
"src": "https://images.unsplash.com/photo-1610701596061-2ecf227e85b2?auto=format&fit=crop&w=900&h=1100&q=80",
"alt": "Hollin tumblers on an oak table beside cream bowls and serving boards"
},
{
"src": "https://images.unsplash.com/photo-1610701596295-4dc5d6289214?auto=format&fit=crop&w=900&h=1100&q=80",
"alt": "Cream tableware and a striped linen napkin laid on a table"
},
{
"src": "https://images.unsplash.com/photo-1493106641515-6b5631de4bb9?auto=format&fit=crop&w=900&h=1100&q=80",
"alt": "Clay-covered hands throwing a pot on the wheel"
}
],
"swatches": [
{
"name": "Oat",
"color": "oklch(0.86 0.035 80)"
},
{
"name": "Honey",
"color": "oklch(0.72 0.11 70)"
},
{
"name": "Chalk",
"color": "oklch(0.95 0.01 90)"
}
],
"badge": "Bestseller",
"rating": {
"value": 4.9,
"count": 212
}
},
{
"name": "Kiln everyday mug",
"href": "#",
"category": "Tableware",
"material": "Porcelain, clear gloss inside, 350 ml",
"price": 22,
"images": [
{
"src": "https://images.unsplash.com/photo-1514228742587-6b1558fcca3d?auto=format&fit=crop&w=900&h=1100&q=80",
"alt": "A plain white porcelain mug in soft side light"
}
],
"swatches": [
{
"name": "Chalk",
"color": "oklch(0.95 0.01 90)"
},
{
"name": "Oat",
"color": "oklch(0.86 0.035 80)"
}
],
"rating": {
"value": 4.8,
"count": 301
}
},
{
"name": "Hope serving bowl",
"href": "#",
"category": "Tableware",
"material": "Stoneware, buttermilk glaze, 28 cm",
"price": 54,
"images": [
{
"src": "https://images.unsplash.com/photo-1610701596295-4dc5d6289214?auto=format&fit=crop&w=900&h=1100&q=80",
"alt": "Buttermilk-glazed bowls and plates with a linen napkin"
}
],
"swatches": [
{
"name": "Buttermilk",
"color": "oklch(0.86 0.035 80)"
},
{
"name": "Chalk",
"color": "oklch(0.95 0.01 90)"
}
],
"rating": {
"value": 4.8,
"count": 67
}
},
{
"name": "Ember & Pine candle",
"href": "#",
"category": "Candles",
"material": "Rapeseed wax, cedar and smoked pine, 60-hour burn",
"price": 28,
"images": [
{
"src": "https://images.unsplash.com/photo-1603006905003-be475563bc59?auto=format&fit=crop&w=900&h=1100&q=80",
"alt": "A candle burning in a smoked glass on sheepskin"
}
],
"badge": "New",
"rating": {
"value": 4.9,
"count": 76
}
},
{
"name": "Lune bud vase, pair",
"href": "#",
"category": "Vases",
"material": "Slip-cast porcelain, matte chalk finish",
"price": 32,
"images": [
{
"src": "https://images.unsplash.com/photo-1490312278390-ab64016e0aa9?auto=format&fit=crop&w=900&h=1100&q=80",
"alt": "Two white bud vases with cherry blossom on an oak tray"
}
],
"rating": {
"value": 4.7,
"count": 41
}
}
],
"cardLabels": {
"wasPrice": "Was",
"reviews": "{count} reviews",
"colours": "{count} colours"
},
"filters": {
"label": "Filter by shelf",
"allLabel": "Everything",
"saleLabel": "Autumn sale only",
"sortLabel": "Sort by",
"sortOptions": [
{
"value": "featured",
"label": "Shop's picks"
},
{
"value": "price-asc",
"label": "Price, low to high"
},
{
"value": "price-desc",
"label": "Price, high to low"
},
{
"value": "rating",
"label": "Best reviewed"
}
],
"countLabel": "{count} pieces",
"emptyTitle": "Nothing on this shelf just now",
"emptyBody": "The sale pieces in this shelf have sold through. New firings land on the first Friday of the month.",
"resetLabel": "Show everything"
},
"story": {
"eyebrow": "Notes from the pour",
"title": "Ember & Pine is poured on Tuesdays, in batches of sixty",
"body": "Rapeseed wax from a Lincolnshire farm, cedar and a thread of smoked pine. Cured for two weeks before it leaves the shop.",
"image": {
"src": "https://images.unsplash.com/photo-1570823635306-250abb06d4b3?auto=format&fit=crop&w=1000&h=900&q=80",
"alt": "Hands cupping a lit candle in a glass at dusk"
},
"action": {
"label": "Read the candle story",
"href": "#",
"variant": "secondary"
}
},
"viewAll": {
"label": "Shop the whole edit",
"href": "#",
"variant": "secondary"
}
}