Syncfusion.Blazor.Cards
33.1.44
Prefix Reserved
See the version list below for details.
dotnet add package Syncfusion.Blazor.Cards --version 33.1.44
NuGet\Install-Package Syncfusion.Blazor.Cards -Version 33.1.44
<PackageReference Include="Syncfusion.Blazor.Cards" Version="33.1.44" />
<PackageVersion Include="Syncfusion.Blazor.Cards" Version="33.1.44" />
<PackageReference Include="Syncfusion.Blazor.Cards" />
paket add Syncfusion.Blazor.Cards --version 33.1.44
#r "nuget: Syncfusion.Blazor.Cards, 33.1.44"
#:package Syncfusion.Blazor.Cards@33.1.44
#addin nuget:?package=Syncfusion.Blazor.Cards&version=33.1.44
#tool nuget:?package=Syncfusion.Blazor.Cards&version=33.1.44
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 (>= 33.1.44)
- Syncfusion.Blazor.Data (>= 33.1.44)
-
net8.0
- Syncfusion.Blazor.Core (>= 33.1.44)
- Syncfusion.Blazor.Data (>= 33.1.44)
-
net9.0
- Syncfusion.Blazor.Core (>= 33.1.44)
- Syncfusion.Blazor.Data (>= 33.1.44)
NuGet packages (7)
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 |
|---|---|---|
| 33.2.7 | 642 | 5/19/2026 |
| 33.2.6 | 1,521 | 5/12/2026 |
| 33.2.5 | 2,704 | 5/4/2026 |
| 33.2.4 | 1,737 | 4/27/2026 |
| 33.2.3 | 3,549 | 4/21/2026 |
| 33.1.49 | 4,836 | 4/13/2026 |
| 33.1.47 | 2,124 | 4/6/2026 |
| 33.1.46 | 1,537 | 3/30/2026 |
| 33.1.45 | 1,921 | 3/23/2026 |
| 33.1.44 | 6,926 | 3/16/2026 |
| 32.2.9 | 7,245 | 3/9/2026 |
| 32.2.8 | 3,758 | 3/2/2026 |
| 32.2.7 | 4,603 | 2/23/2026 |
| 32.2.5 | 5,761 | 2/16/2026 |
| 32.2.4 | 6,091 | 2/10/2026 |
| 32.2.3 | 4,865 | 2/5/2026 |
| 32.1.25 | 5,522 | 1/26/2026 |
| 32.1.24 | 2,591 | 1/19/2026 |
| 32.1.23 | 3,971 | 1/13/2026 |
| 32.1.22 | 2,425 | 1/5/2026 |