Product Card blocks

A product card block presents a single item for sale: photo, name, price, and the action that puts it in the cart. Cards are the building unit of every shop grid: drop one into your own row, column, or data-bound list and repeat it. Ready-made grid arrangements are in the Product List blocks.

Simple product card linkLink to this section

A product card block with photo, name, and price.

Card with rating linkLink to this section

A product card block with a star rating and review count.

Card with badges linkLink to this section

A product card block with a sale badge, discounted price, and a wishlist action.

Card with add to cart linkLink to this section

A product card block with an add-to-cart button in the footer.

Horizontal product card linkLink to this section

A product card block with the photo to the left, suited for list views.

Card with quick actions linkLink to this section

A product card block with quick view and compare actions below the photo.

All the tools in one place

Save Hours on Every Project

With Radzen Blazor subscription you get the full toolkit, including:

support

Dedicated support backed by proven expertise

palette

Premium themes and theme editor

widgets

Ready-to-use UI blocks

dashboard_customize

Complete app templates

format_shapes

Visual design-time-experience

Start Free See Subscription Plans

Radzen Blazor Components, © 2018-2026 Radzen.
Source Code licensed under MIT