ProductGrid

showcase · 3 variants · pages: catalog, home

the catalogue’s standard grid, four columns on a wide screen: every product equal, so a visitor compares quickly

Open full page ↗

Install

The whole block, or just the selected variant:

npx shadcn-vue@latest add @trame/commerce-product-grid   # Vue, every variant
npx shadcn@latest add @trame/commerce-product-grid       # React
npx shadcn-vue@latest add @trame/commerce-product-grid--grid   # this variant alone