Syncfusion.Blazor.Cards
34.1.31
Prefix Reserved
See the version list below for details.
dotnet add package Syncfusion.Blazor.Cards --version 34.1.31
NuGet\Install-Package Syncfusion.Blazor.Cards -Version 34.1.31
<PackageReference Include="Syncfusion.Blazor.Cards" Version="34.1.31" />
<PackageVersion Include="Syncfusion.Blazor.Cards" Version="34.1.31" />
<PackageReference Include="Syncfusion.Blazor.Cards" />
paket add Syncfusion.Blazor.Cards --version 34.1.31
#r "nuget: Syncfusion.Blazor.Cards, 34.1.31"
#:package Syncfusion.Blazor.Cards@34.1.31
#addin nuget:?package=Syncfusion.Blazor.Cards&version=34.1.31
#tool nuget:?package=Syncfusion.Blazor.Cards&version=34.1.31
Syncfusion® Blazor Card
The Syncfusion® Blazor Card Component is a container-based UI control for displaying organized content with structured layouts. Perfect for social media feeds, e-commerce galleries, dashboards, and other content-rich applications.
Key Features
- Flexible Container Layout – Separate areas for header, content, image, and footer
- Rich Header Support – Title, subtitle, and optional image positioning
- Template Support – HTML, child content, and custom templates
- Action Footer – Built-in footer area for buttons and actions
- Multiple Layouts – Stacked, media, and action card variations
- Theme Support – Bootstrap, Material, Fabric, and custom themes
- Responsive Design – Adapts seamlessly to all screen sizes
System requirements
- .NET 8.0 or later (Blazor Server, Blazor Web App, Blazor WebAssembly and Blazor Hybrid)
- See full requirements: System Requirements

Installation
.NET CLI
dotnet add package Syncfusion.Blazor.Cards
NuGet Package Manager
Install-Package Syncfusion.Blazor.Cards
Add stylesheet and script references
- For Blazor Server App / Blazor Web App, add these to
Components/App.razororApp.razor. - For Blazor WebAssembly App: add these to
wwwroot/index.html.
<link href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />
<script src="_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>
Quick Start
- Register the Syncfusion® Blazor services in
Program.cs:
using Syncfusion.Blazor;
builder.Services.AddSyncfusionBlazor();
- Add the Card component in a Razor page:
<SfCard>
<CardHeader Title="Card title" SubTitle="Card subtitle" />
<CardContent Content="This is the card body content." />
<CardFooter>
<button class="btn btn-primary">Action</button>
</CardFooter>
</SfCard>
Documentation
- Getting Started with Blazor Web App
- Getting Started with WebAssembly
- Feature Overview
- API Reference
- Live Demos
Support
License
This is a commercial product and requires a paid license for possession or use. See the Syncfusion® EULA.
About Syncfusion®
Syncfusion® provides 1600+ UI components and frameworks for web, mobile, and desktop development across multiple platforms:
Web: Blazor | ASP.NET Core | ASP.NET MVC | JavaScript | Angular | React | Vue
Desktop: WinForms | WPF | WinUI
Learn more at www.syncfusion.com.
sales@syncfusion.com | Toll Free: 1-888-9-DOTNET
| Product | Versions Compatible and additional computed target framework versions. |
|---|---|
| .NET | net8.0 is compatible. net8.0-android was computed. net8.0-browser was computed. net8.0-ios was computed. net8.0-maccatalyst was computed. net8.0-macos was computed. net8.0-tvos was computed. net8.0-windows was computed. net9.0 is compatible. net9.0-android was computed. net9.0-browser was computed. net9.0-ios was computed. net9.0-maccatalyst was computed. net9.0-macos was computed. net9.0-tvos was computed. net9.0-windows was computed. net10.0 is compatible. net10.0-android was computed. net10.0-browser was computed. net10.0-ios was computed. net10.0-maccatalyst was computed. net10.0-macos was computed. net10.0-tvos was computed. net10.0-windows was computed. |
-
net10.0
- Syncfusion.Blazor.Core (>= 34.1.31)
- Syncfusion.Blazor.Data (>= 34.1.31)
-
net8.0
- Syncfusion.Blazor.Core (>= 34.1.31)
- Syncfusion.Blazor.Data (>= 34.1.31)
-
net9.0
- Syncfusion.Blazor.Core (>= 34.1.31)
- Syncfusion.Blazor.Data (>= 34.1.31)
NuGet packages (9)
Showing the top 5 NuGet packages that depend on Syncfusion.Blazor.Cards:
| Package | Downloads |
|---|---|
|
NCPC.Blazor
Set of Blazor components to user within your project |
|
|
Recrovit.RecroGridFramework.Client.Blazor.SyncfusionUI
RecroGrid Framework Blazor UI. |
|
|
Ruth.JYC.Net7.RazorClassLib
Package Description |
|
|
ArhimedeRazor.Lib
Package Description |
|
|
Ruth.JYC.JDGL
Package Description |
GitHub repositories
This package is not used by any popular GitHub repositories.
| Version | Downloads | Last Updated |
|---|---|---|
| 35.1.39 | 513 | 10/6/2026 |
| 35.1.37 | 1,585 | 9/29/2026 |
| 34.2.9 | 3,836 | 9/21/2026 |
| 34.2.8 | 3,736 | 9/14/2026 |
| 34.2.7 | 2,824 | 9/8/2026 |
| 34.2.6 | 3,907 | 8/31/2026 |
| 34.2.5 | 3,399 | 8/25/2026 |
| 34.2.4 | 4,490 | 8/17/2026 |
| 34.2.3 | 3,390 | 8/11/2026 |
| 34.2.2 | 8,106 | 8/5/2026 |
| 34.1.33 | 4,420 | 7/27/2026 |
| 34.1.32 | 5,503 | 7/21/2026 |
| 34.1.31 | 7,117 | 7/14/2026 |
| 34.1.30 | 2,669 | 7/9/2026 |
| 34.1.29 | 8,775 | 7/6/2026 |
| 33.2.15 | 11,535 | 6/23/2026 |
| 33.2.13 | 3,565 | 6/16/2026 |
| 33.2.12 | 8,481 | 6/9/2026 |
| 33.2.10 | 2,602 | 6/2/2026 |
| 33.2.8 | 1,902 | 5/26/2026 |