New to Telerik UI for Blazor? Download Free 30-day trial

Card - Data Cards

How to Make Games for Everyone
Why the new player’s experience matters
How to design with love?
7 tips to fall in love with your job.
A good designer is an Emotional Polymath — what?
Polymaths describes a person whose expertise spans a significant number of realities.
Why Minimalist Logos Are the Best for Big Business
Analyzing logos from giants like Netflix, Youtube, and Google
Money, Likes, and Memes Are All the Same Thing
How the token economy has replaced cash with Twitch emotes and Instagram likes
From UX to UI development
The transition between the stages of the digital design process
7 Things Mentally Strong People Avoid Doing
Become your own mental strength coach
How to Solve Your "Lack of Motivation" Problem
Hint: Understand that lack of motivation is a lie.
  • Data-cards.razor
  • ArticleService.cs
  • ArticleDto.cs
Loading the demo source code...please wait.

Style in ThemeBuilder

  • Custom SASS variables
  • Atomic customizations
  • Sharing projects
Start Theming


The Telerik Blazor Cards could be dynamically rendered via a data collection. The layout of the collection can be easily modified through built-in classes that the Telerik Themes provide.

This Blazor Card Data Cards example is part of a unique collection of hundreds of Blazor demos, with which you can see all Telerik UI for Blazor components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for Blazor or ThemeBuilder.

Support & Learning Resources

An error has occurred. This application may no longer respond until reloaded.