Soenneker.Blazor.CreditCards
3.0.41
Prefix Reserved
There is a newer version of this package available.
See the version list below for details.
See the version list below for details.
dotnet add package Soenneker.Blazor.CreditCards --version 3.0.41
NuGet\Install-Package Soenneker.Blazor.CreditCards -Version 3.0.41
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="Soenneker.Blazor.CreditCards" Version="3.0.41" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="Soenneker.Blazor.CreditCards" Version="3.0.41" />
<PackageReference Include="Soenneker.Blazor.CreditCards" />
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package.
paket add Soenneker.Blazor.CreditCards --version 3.0.41
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
#r "nuget: Soenneker.Blazor.CreditCards, 3.0.41"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
#addin nuget:?package=Soenneker.Blazor.CreditCards&version=3.0.41
#tool nuget:?package=Soenneker.Blazor.CreditCards&version=3.0.41
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
Soenneker.Blazor.CreditCards
A beautiful, animated credit card component with real-time updates and brand detection
Installation
dotnet add package Soenneker.Blazor.CreditCards
✨ Features
- 💳 Live-updating, animated card rendering
- 🧠 Automatic card type detection (Visa, Mastercard, Amex, etc.)
- 🖼️ Built-in front/back flip animation
- 🧼 Placeholder logic for empty cards
- 🧪 Perfect for forms, payment demos, and simulations
📦 Installation
dotnet add package Soenneker.Blazor.CreditCards
🛠️ Usage
1. Register the interop service
builder.Services.AddCreditCardsInteropAsScoped();
2. Add the component
<CreditCard CardNumber="@CardNumber"
CardholderName="@CardholderName"
ExpiryDate="@ExpiryDate"
Cvc="@Cvc"
@ref="_creditCard" />
| Product | Versions Compatible and additional computed target framework versions. |
|---|---|
| .NET | 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 was computed. 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. |
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.
-
net9.0
- Microsoft.AspNetCore.Components.Web (>= 9.0.5)
- Soenneker.Blazor.Utils.ResourceLoader (>= 3.0.1457)
- Soenneker.Extensions.String (>= 3.0.519)
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.
| Version | Downloads | Last updated |
|---|---|---|
| 3.0.59 | 278 | 6/11/2025 |
| 3.0.58 | 257 | 6/11/2025 |
| 3.0.57 | 267 | 6/10/2025 |
| 3.0.56 | 269 | 6/10/2025 |
| 3.0.55 | 265 | 6/10/2025 |
| 3.0.54 | 143 | 6/3/2025 |
| 3.0.53 | 137 | 6/2/2025 |
| 3.0.52 | 157 | 5/28/2025 |
| 3.0.51 | 136 | 5/28/2025 |
| 3.0.50 | 132 | 5/27/2025 |
| 3.0.49 | 131 | 5/27/2025 |
| 3.0.48 | 132 | 5/27/2025 |
| 3.0.47 | 134 | 5/27/2025 |
| 3.0.46 | 134 | 5/27/2025 |
| 3.0.45 | 85 | 5/25/2025 |
| 3.0.44 | 99 | 5/23/2025 |
| 3.0.43 | 110 | 5/23/2025 |
| 3.0.42 | 112 | 5/23/2025 |
| 3.0.41 | 121 | 5/23/2025 |
| 3.0.40 | 124 | 5/23/2025 |
| 3.0.39 | 136 | 5/22/2025 |
| 3.0.38 | 135 | 5/22/2025 |
| 3.0.37 | 162 | 5/19/2025 |
| 3.0.36 | 130 | 5/18/2025 |
| 3.0.35 | 90 | 5/18/2025 |
| 3.0.34 | 223 | 5/14/2025 |
| 3.0.33 | 215 | 5/14/2025 |
| 3.0.32 | 216 | 5/14/2025 |
| 3.0.31 | 210 | 5/13/2025 |
| 3.0.30 | 172 | 5/8/2025 |
| 3.0.29 | 133 | 5/8/2025 |
| 3.0.28 | 135 | 5/8/2025 |
| 3.0.27 | 130 | 5/8/2025 |
| 3.0.26 | 131 | 5/8/2025 |
| 3.0.25 | 134 | 5/8/2025 |
| 3.0.24 | 136 | 5/8/2025 |
| 3.0.23 | 135 | 5/8/2025 |
| 3.0.22 | 133 | 5/8/2025 |
| 3.0.21 | 134 | 5/7/2025 |
| 3.0.20 | 134 | 5/7/2025 |
| 3.0.19 | 139 | 5/6/2025 |
| 3.0.18 | 138 | 5/6/2025 |
| 3.0.17 | 131 | 5/5/2025 |
| 3.0.16 | 140 | 5/5/2025 |
| 3.0.15 | 132 | 5/5/2025 |
| 3.0.14 | 137 | 5/5/2025 |
| 3.0.13 | 131 | 5/5/2025 |
| 3.0.12 | 133 | 5/5/2025 |
| 3.0.11 | 133 | 5/5/2025 |
| 3.0.10 | 133 | 5/5/2025 |
| 3.0.9 | 141 | 5/5/2025 |
| 3.0.8 | 131 | 5/5/2025 |
| 3.0.6 | 134 | 5/5/2025 |
| 3.0.5 | 130 | 5/5/2025 |
| 3.0.4 | 135 | 4/30/2025 |
| 3.0.3 | 135 | 4/30/2025 |
| 3.0.2 | 133 | 4/30/2025 |
| 3.0.1 | 132 | 4/30/2025 |