Radzen Blazor Components

Cards

A Card block is a modular UI component used in web and app design to present information in a visually compact and organized manner. It groups related content, such as text, images, and actions, into a single container, making it easy for users to scan and interact with.

These demos showcase card UI blocks with simple stats displays, stats with icons and trend indicators, various card variants (filled/outlined/flat), and flexible layouts combining icons, text, and badges for data visualization.

Simple stats link

Unique visitors

31,861

Simple stats with icon link

account_circle

Unique visitors

31,861

Stats with trends link

web_traffic

Avg. Click Rate

13.56%

trending_up

23%

Stats with trends to the right link

timer

Time on site

south12s

2m 31s

Stats with square icon link

timer

Avg. Visit Duration

2m 31s

trending_down

12s

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

Radzen Blazor Studio

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

Demos Configuration

Premium Themes

  • Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark

Free Themes

  • Material
  • Material Dark
  • Standard
  • Standard Dark
  • Default
  • Dark
  • Humanistic
  • Humanistic Dark
  • Software
  • Software Dark
An error has occurred. This app may no longer respond until reloaded. Reload 🗙