Syncfusion.AspNetCore.Themes
34.1.31
Prefix Reserved
dotnet add package Syncfusion.AspNetCore.Themes --version 34.1.31
NuGet\Install-Package Syncfusion.AspNetCore.Themes -Version 34.1.31
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="Syncfusion.AspNetCore.Themes" Version="34.1.31" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="Syncfusion.AspNetCore.Themes" Version="34.1.31" />
<PackageReference Include="Syncfusion.AspNetCore.Themes" />
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 Syncfusion.AspNetCore.Themes --version 34.1.31
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
#r "nuget: Syncfusion.AspNetCore.Themes, 34.1.31"
#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.
#:package Syncfusion.AspNetCore.Themes@34.1.31
#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package.
#addin nuget:?package=Syncfusion.AspNetCore.Themes&version=34.1.31
#tool nuget:?package=Syncfusion.AspNetCore.Themes&version=34.1.31
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
Syncfusion® ASP.NET Core Themes
Professional UI themes for Syncfusion® ASP.NET Core components. Choose from 17+ pre-built themes including Bootstrap, Material Design, Fluent, Tailwind CSS, and more with light and dark variants.
Key Features
- 17+ Built-in Themes: Bootstrap 5, Bootstrap 4, Material, Material 3, Fluent, Tailwind, and more
- Light and Dark Variants: Each theme includes a matching dark variant
- Easy Integration: Simple CSS stylesheet reference with static web assets
- Consistent Styling: Unified design across all 85+ Syncfusion ASP.NET Core controls
- Theme Customization: Create custom themes using Theme Studio
- Brand Compliance: Tailored themes for corporate and design standards
- Performance Optimized: Minimal CSS footprint with no external dependencies
- Responsive Design: Mobile-first approach for all screen sizes
- Accessibility: WCAG 2.1 compliant with high contrast options
Available Themes
| Theme | Style Sheet Name |
|---|---|
| Bootstrap 5 | bootstrap5.css |
| Bootstrap 5 Dark | bootstrap5-dark.css |
| Bootstrap 4 | bootstrap4.css |
| Bootstrap 3 | bootstrap.css |
| Bootstrap 3 Dark | bootstrap-dark.css |
| Fluent | fluent.css |
| Fluent Dark | fluent-dark.css |
| Fluent 2 | fluent2.css |
| Fluent 2 Dark | fluent2-dark.css |
| Google's Material | material.css |
| Google's Material Dark | material-dark.css |
| Material 3 | material3.css |
| Material 3 Dark | material3-dark.css |
| Tailwind CSS | tailwind.css |
| Tailwind Dark CSS | tailwind-dark.css |
| Microsoft Office Fabric | fabric.css |
| Microsoft Office Fabric Dark | fabric-dark.css |
| High Contrast | highcontrast.css |
Installation
.NET CLI
dotnet add package Syncfusion.AspNetCore.Themes
NuGet Package Manager
Install-Package Syncfusion.AspNetCore.Themes
Add Stylesheet Reference
Add the theme stylesheet inside the <head> of your layout file (~/Pages/Shared/_Layout.cshtml):
<head>
<link href="_content/Syncfusion.AspNetCore.Themes/styles/bootstrap5.css" rel="stylesheet" />
</head>
Quick Start
- Install the Themes package via NuGet
- Add the stylesheet reference to your application layout file
- All Syncfusion ASP.NET Core controls will automatically use the selected theme
Switching Themes
Simply replace the stylesheet reference to switch themes:
<link href="_content/Syncfusion.AspNetCore.Themes/styles/bootstrap5.css" rel="stylesheet" />
<link href="_content/Syncfusion.AspNetCore.Themes/styles/bootstrap5-dark.css" rel="stylesheet" />
<link href="_content/Syncfusion.AspNetCore.Themes/styles/material.css" rel="stylesheet" />
<link href="_content/Syncfusion.AspNetCore.Themes/styles/fluent.css" rel="stylesheet" />
<link href="_content/Syncfusion.AspNetCore.Themes/styles/fluent2.css" rel="stylesheet" />
<link href="_content/Syncfusion.AspNetCore.Themes/styles/tailwind.css" rel="stylesheet" />
<link href="_content/Syncfusion.AspNetCore.Themes/styles/highcontrast.css" rel="stylesheet" />
Documentation
Support
License
This is a commercial product and requires a paid license for possession or use. Review 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. |
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.
-
net10.0
- No dependencies.
-
net8.0
- No dependencies.
-
net9.0
- No dependencies.
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.