Syncfusion.Blazor.Cards
33.2.13
Prefix Reserved
dotnet add package Syncfusion.Blazor.Cards --version 33.2.13
NuGet\Install-Package Syncfusion.Blazor.Cards -Version 33.2.13
<PackageReference Include="Syncfusion.Blazor.Cards" Version="33.2.13" />
<PackageVersion Include="Syncfusion.Blazor.Cards" Version="33.2.13" />
<PackageReference Include="Syncfusion.Blazor.Cards" />
paket add Syncfusion.Blazor.Cards --version 33.2.13
#r "nuget: Syncfusion.Blazor.Cards, 33.2.13"
#:package Syncfusion.Blazor.Cards@33.2.13
#addin nuget:?package=Syncfusion.Blazor.Cards&version=33.2.13
#tool nuget:?package=Syncfusion.Blazor.Cards&version=33.2.13
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
Add stylesheet and script references
- For Blazor Server App / Blazor Web App, add these to
Components/App.razororApp.razorfile. - For Blazor WebAssembly App, add these to
wwwroot/index.htmlfile.
<link href="https://nuget.org/_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />
<script src="https://nuget.org/_content/Syncfusion.Blazor.Core/scripts/syncfusion-blazor.min.js" type="text/javascript"></script>
Quick start
- Register the Syncfusion® Blazor services in the
Program.csfile.
using Syncfusion.Blazor;
builder.Services.AddSyncfusionBlazor();
- Add Blazor Card component to your 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 Blazor WebAssembly App
- 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.2.13)
- Syncfusion.Blazor.Data (>= 33.2.13)
-
net8.0
- Syncfusion.Blazor.Core (>= 33.2.13)
- Syncfusion.Blazor.Data (>= 33.2.13)
-
net9.0
- Syncfusion.Blazor.Core (>= 33.2.13)
- Syncfusion.Blazor.Data (>= 33.2.13)
NuGet packages (8)
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.13 | 0 | 6/16/2026 |
| 33.2.12 | 1,766 | 6/9/2026 |
| 33.2.10 | 1,374 | 6/2/2026 |
| 33.2.8 | 1,446 | 5/26/2026 |
| 33.2.7 | 2,228 | 5/19/2026 |
| 33.2.6 | 2,979 | 5/12/2026 |
| 33.2.5 | 4,749 | 5/4/2026 |
| 33.2.4 | 1,979 | 4/27/2026 |
| 33.2.3 | 5,532 | 4/21/2026 |
| 33.1.49 | 5,903 | 4/13/2026 |
| 33.1.47 | 4,882 | 4/6/2026 |
| 33.1.46 | 1,848 | 3/30/2026 |
| 33.1.45 | 2,028 | 3/23/2026 |
| 33.1.44 | 7,336 | 3/16/2026 |
| 32.2.9 | 8,132 | 3/9/2026 |
| 32.2.8 | 3,811 | 3/2/2026 |
| 32.2.7 | 5,057 | 2/23/2026 |
| 32.2.5 | 6,001 | 2/16/2026 |
| 32.2.4 | 6,636 | 2/10/2026 |
| 32.2.3 | 5,446 | 2/5/2026 |