Syncfusion.Blazor.Themes 33.1.45

Syncfusion® Blazor Themes

Professional UI themes for Syncfusion® Blazor 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 1600+ Syncfusion components
  • 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
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.Blazor.Themes

NuGet Package Manager

Install-Package Syncfusion.Blazor.Themes

Add Stylesheet Reference

For Blazor Web App / Blazor Server, add to Components/App.razor or App.razor. For Blazor WebAssembly, add to wwwroot/index.html. For Blazor Hybrid, add to your main layout or startup code:

<head>
    <link href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />
</head>

Quick Start

  1. Install the Themes package via NuGet
  2. Add the stylesheet reference to your application layout
  3. All Syncfusion components will automatically use the selected theme

Switching Themes

Simply replace the stylesheet reference to switch themes:

<!-- Bootstrap 5 Light (Default) -->
<link href="_content/Syncfusion.Blazor.Themes/bootstrap5.css" rel="stylesheet" />

<!-- Bootstrap 5 Dark -->
<link href="_content/Syncfusion.Blazor.Themes/bootstrap5-dark.css" rel="stylesheet" />

<!-- Material Design -->
<link href="_content/Syncfusion.Blazor.Themes/material.css" rel="stylesheet" />

<!-- Fluent Design -->
<link href="_content/Syncfusion.Blazor.Themes/fluent.css" rel="stylesheet" />

<!-- Tailwind CSS -->
<link href="_content/Syncfusion.Blazor.Themes/tailwind.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

Mobile: Flutter | MAUI | UWP

Desktop: WinForms | WPF | WinUI

Learn more at www.syncfusion.com.

sales@syncfusion.com | Toll Free: 1-888-9-DOTNET

Showing the top 20 packages that depend on Syncfusion.Blazor.Themes.

Packages Downloads
Syncfusion.Blazor.Core
This package contains the base component, common classes and interfaces that are used in other Syncfusion Blazor UI components. Helpful links: Documentation: https://blazor.syncfusion.com/documentation/?utm_source=nuget&utm_medium=listing Demos: https://blazor.syncfusion.com/demos/?utm_source=nuget&utm_medium=listing Support: Incident: https://www.syncfusion.com/support/directtrac/incidents/newincident/?utm_source=nuget&utm_medium=listing Forum: https://www.syncfusion.com/forums/blazor-components/?utm_source=nuget&utm_medium=listing This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials).
 6
Syncfusion.Blazor.Core
This package contains the base component, common classes and interfaces that are used in other Syncfusion Blazor UI components. Helpful links: Documentation: https://blazor.syncfusion.com/documentation/?utm_source=nuget&utm_medium=listing Demos: https://blazor.syncfusion.com/demos/?utm_source=nuget&utm_medium=listing Support: Incident: https://www.syncfusion.com/support/directtrac/incidents/newincident/?utm_source=nuget&utm_medium=listing Forum: https://www.syncfusion.com/forums/blazor-components/?utm_source=nuget&utm_medium=listing This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials). © Copyright 2021 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
 6
Syncfusion.Blazor.Core
This package contains the base component, common classes and interfaces that are used in other Syncfusion Blazor UI components. Helpful links: Documentation: https://blazor.syncfusion.com/documentation/?utm_source=nuget&utm_medium=listing Demos: https://blazor.syncfusion.com/demos/?utm_source=nuget&utm_medium=listing Support: Incident: https://www.syncfusion.com/support/directtrac/incidents/newincident/?utm_source=nuget&utm_medium=listing Forum: https://www.syncfusion.com/forums/blazor-components/?utm_source=nuget&utm_medium=listing This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials). © Copyright 2021 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
 5
Syncfusion.Blazor.Core
This package contains the base component, common classes and interfaces that are used in other Syncfusion Blazor UI components. Helpful links: Documentation: https://blazor.syncfusion.com/documentation/?utm_source=nuget&utm_medium=listing Demos: https://blazor.syncfusion.com/demos/?utm_source=nuget&utm_medium=listing Support: Incident: https://www.syncfusion.com/support/directtrac/incidents/newincident/?utm_source=nuget&utm_medium=listing Forum: https://www.syncfusion.com/forums/blazor-components/?utm_source=nuget&utm_medium=listing This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials).
 5

https://blazor.syncfusion.com/documentation/release-notes/33.1.45/?utm_source=nuget&utm_medium=listing

.NET 8.0

  • No dependencies.

.NET 9.0

  • No dependencies.

.NET 10.0

  • No dependencies.

Version Downloads Last updated
33.1.47 0 04/06/2026
33.1.46 2 04/04/2026
33.1.45 2 03/26/2026
33.1.44 2 03/16/2026
32.2.9 2 03/15/2026
32.2.8 2 03/05/2026
32.2.7 0 02/23/2026
32.2.5 4 02/19/2026
32.2.4 4 02/19/2026
32.2.3 4 02/19/2026
32.1.25 4 02/04/2026
32.1.24 6 01/21/2026
32.1.23 6 01/21/2026
32.1.22 6 01/21/2026
32.1.21 6 01/21/2026
32.1.20 6 01/21/2026
32.1.19 6 01/21/2026
31.2.18 6 12/09/2025
31.2.16 6 12/09/2025
31.2.15 8 12/09/2025
31.2.12 6 12/10/2025
31.2.10 8 12/09/2025
31.2.5 7 12/10/2025
31.2.4 7 12/09/2025
31.2.3 5 12/11/2025
31.2.2 6 12/09/2025
31.1.23 7 12/10/2025
31.1.22 5 12/11/2025
31.1.21 8 12/10/2025
31.1.20 6 12/09/2025
31.1.19 6 12/10/2025
31.1.18 6 12/10/2025
31.1.17 7 12/09/2025
30.2.7 5 12/09/2025
30.2.6 6 12/10/2025
30.2.5 7 12/09/2025
30.2.4 7 12/09/2025
30.1.42 8 12/09/2025
30.1.41 6 12/09/2025
30.1.40 7 12/09/2025
30.1.39 8 12/09/2025
30.1.38 6 12/09/2025
30.1.37 7 12/09/2025
29.2.11 6 12/09/2025
29.2.10 8 12/09/2025
29.2.9 6 12/09/2025
29.2.8 6 12/10/2025
29.2.7 5 12/11/2025
29.2.5 5 12/09/2025
29.2.4 6 12/09/2025
29.1.41 7 12/09/2025
29.1.40 8 12/09/2025
29.1.39 7 12/09/2025
29.1.38 6 12/09/2025
29.1.37 6 12/09/2025
29.1.35 7 12/09/2025
29.1.33 6 12/09/2025
28.2.12 8 12/09/2025
28.2.11 7 12/09/2025
28.2.9 4 12/11/2025
28.2.7 6 12/10/2025
28.2.6 7 12/09/2025
28.2.5 7 12/09/2025
28.2.4 6 12/09/2025
28.2.3 5 12/12/2025
28.1.41 9 12/09/2025
28.1.39 7 12/09/2025
28.1.38 8 12/09/2025
28.1.37 7 12/09/2025
28.1.36 6 12/09/2025
28.1.35 6 12/09/2025
28.1.33 6 12/09/2025
27.2.5 7 12/09/2025
27.2.4 6 12/10/2025
27.2.3 5 12/12/2025
27.2.2 6 12/10/2025
27.1.58 6 12/09/2025
27.1.57 9 12/09/2025
27.1.56 6 12/09/2025
27.1.55 6 12/09/2025
27.1.53 7 12/09/2025
27.1.52 6 12/09/2025
27.1.51 7 12/09/2025
27.1.50 7 12/09/2025
27.1.48 9 12/09/2025
26.2.14 6 12/09/2025
26.2.13 8 12/09/2025
26.2.12 6 12/09/2025
26.2.11 5 12/09/2025
26.2.10 6 12/09/2025
26.2.9 5 12/11/2025
26.2.8 6 12/10/2025
26.2.7 7 12/09/2025
26.2.5 7 12/09/2025
26.2.4 7 12/09/2025
26.1.42 7 12/09/2025
26.1.41 7 12/09/2025
26.1.40 7 12/09/2025
26.1.39 7 12/09/2025
26.1.38 7 12/09/2025
26.1.35 7 12/09/2025
25.2.7 6 12/09/2025
25.2.6 6 12/11/2025
25.2.5 5 12/10/2025
25.2.4 7 12/09/2025
25.2.3 7 12/09/2025
25.1.42 6 12/09/2025
25.1.41 8 12/09/2025
25.1.40 7 12/09/2025
25.1.39 8 12/09/2025
25.1.38 7 12/09/2025
25.1.37 6 12/09/2025
25.1.35 6 12/09/2025
24.2.9 6 12/09/2025
24.2.8 7 12/09/2025
24.2.7 6 12/09/2025
24.2.6 5 12/11/2025
24.2.5 5 12/11/2025
24.2.4 5 12/11/2025
24.2.3 5 12/11/2025
24.1.47 8 12/09/2025
24.1.46 6 12/09/2025
24.1.45 6 12/09/2025
24.1.44 6 12/09/2025
24.1.43 7 12/09/2025
24.1.41 7 12/09/2025
23.2.7 7 12/09/2025
23.2.6 5 12/10/2025
23.2.5 6 12/10/2025
23.2.4 6 12/09/2025
23.1.44 6 12/09/2025
23.1.43 7 12/09/2025
23.1.42 7 12/09/2025
23.1.41 7 12/09/2025
23.1.40 7 12/09/2025
23.1.39 8 12/09/2025
23.1.38 8 12/09/2025
23.1.36 7 12/09/2025
22.2.12 7 12/09/2025
22.2.11 6 12/10/2025
22.2.10 7 12/09/2025
22.2.9 7 12/09/2025
22.2.8 6 12/09/2025
22.2.7 7 12/09/2025
22.2.5 6 12/09/2025
22.1.39 6 12/09/2025
22.1.38 6 12/09/2025
22.1.37 7 12/09/2025
22.1.36 7 12/09/2025
22.1.34 7 12/09/2025
21.2.10 6 12/09/2025
21.2.9 6 12/09/2025
21.2.8 6 12/10/2025
21.2.6 6 12/09/2025
21.2.5 5 12/11/2025
21.2.4 7 12/09/2025
21.2.3 6 12/10/2025
21.1.41 6 12/09/2025
21.1.39 7 12/09/2025
21.1.38 6 12/09/2025
21.1.37 7 12/09/2025
21.1.35 6 12/09/2025
20.4.0.54 7 12/09/2025
20.4.0.53 7 12/09/2025
20.4.0.52 7 12/09/2025
20.4.0.51 8 12/09/2025
20.4.0.50 8 12/09/2025
20.4.0.49 6 12/09/2025
20.4.0.48 6 12/09/2025
20.4.0.44 6 12/09/2025
20.4.0.43 6 12/09/2025
20.4.0.42 7 12/09/2025
20.4.0.41 7 12/09/2025
20.4.0.40 6 12/09/2025
20.4.0.38 7 12/09/2025
20.3.0.61 7 12/09/2025
20.3.0.60 5 12/11/2025
20.3.0.59 7 12/09/2025
20.3.0.58 8 12/09/2025
20.3.0.57 7 12/09/2025
20.3.0.56 8 12/09/2025
20.3.0.52 8 12/09/2025
20.3.0.50 7 12/09/2025
20.3.0.49 8 12/09/2025
20.3.0.48 6 12/09/2025
20.3.0.47 6 12/09/2025
20.2.0.50 6 12/09/2025
20.2.0.49 7 12/09/2025
20.2.0.48 7 12/09/2025
20.2.0.46 7 12/09/2025
20.2.0.45 7 12/09/2025
20.2.0.44 5 12/11/2025
20.2.0.43 6 12/09/2025
20.2.0.40 8 12/09/2025
20.2.0.39 7 12/09/2025
20.2.0.38 7 12/09/2025
20.2.0.36 6 12/09/2025
20.1.0.61 7 12/09/2025
20.1.0.60 8 12/09/2025
20.1.0.59 7 12/09/2025
20.1.0.58 8 12/09/2025
20.1.0.57 9 12/09/2025
20.1.0.56 8 12/09/2025
20.1.0.55 8 12/09/2025
20.1.0.52 8 12/09/2025
20.1.0.51 8 12/09/2025
20.1.0.50 6 12/09/2025
20.1.0.48 6 12/09/2025
20.1.0.47 7 12/09/2025
19.4.0.56 7 12/09/2025
19.4.0.55 7 12/09/2025
19.4.0.54 8 12/09/2025
19.4.0.53 6 12/09/2025
19.4.0.52 8 12/09/2025
19.4.0.50 7 12/09/2025
19.4.0.48 8 12/09/2025
19.4.0.47 6 12/09/2025
19.4.0.43 6 12/09/2025
19.4.0.42 7 12/09/2025
19.4.0.41 7 12/09/2025
19.4.0.40 8 12/09/2025
19.4.0.38 8 12/09/2025
19.3.0.59 7 12/09/2025
19.3.0.57 8 12/09/2025
19.3.0.56 6 12/09/2025
19.3.0.55 6 12/09/2025
19.3.0.54 8 12/09/2025
19.3.0.53 6 12/09/2025
19.3.0.48 8 12/09/2025
19.3.0.47 6 12/09/2025
19.3.0.46 6 12/09/2025
19.3.0.45 7 12/09/2025
19.3.0.44 6 12/09/2025
19.3.0.43 6 12/09/2025
19.2.0.62 7 12/09/2025
19.2.0.60 8 12/09/2025
19.2.0.59 8 12/09/2025
19.2.0.57 7 12/09/2025
19.2.0.56 8 12/09/2025
19.2.0.55 6 12/09/2025
19.2.0.51 8 12/09/2025
19.2.0.49 8 12/09/2025
19.2.0.48 7 12/09/2025
19.2.0.47 6 12/09/2025
19.2.0.46 6 12/09/2025
19.2.0.44 6 12/09/2025
19.1.0.69 7 12/09/2025
19.1.0.67 6 12/09/2025
19.1.0.66 7 12/09/2025
19.1.0.65 8 12/09/2025
19.1.0.64 8 12/09/2025
19.1.0.63 7 12/09/2025
19.1.0.59 7 12/09/2025
19.1.0.58 7 12/09/2025
19.1.0.57 7 12/09/2025
19.1.0.56 7 12/09/2025
19.1.0.55 7 12/09/2025
19.1.0.54 8 12/09/2025
18.4.0.49 7 12/09/2025
18.4.0.48 7 12/09/2025
18.4.0.47 6 12/09/2025
18.4.0.46 6 12/09/2025
18.4.0.44 7 12/09/2025
18.4.0.43 6 12/09/2025
18.4.0.42 7 12/09/2025
18.4.0.41 8 12/09/2025
18.4.0.39 6 12/09/2025
18.4.0.35 8 12/09/2025
18.4.0.34 7 12/09/2025
18.4.0.33 6 12/09/2025
18.4.0.32 7 12/09/2025
18.4.0.31 7 12/09/2025
18.4.0.30 7 12/09/2025