Radzen Blazor Components

Blazor Themes

Choose from free and premium Blazor themes for Radzen Blazor components - including Material and dark themes - or build your own with the theme customization tools.

Free Themes

These themes are free for commercial use. The source SCSS files are licensed under MIT and available on GitHub.

  • Material

  • Material Dark

  • Standard

  • Standard Dark

  • Default

  • Dark

  • Humanistic

  • Humanistic Dark

  • Software

  • Software Dark

Premium Themes PRO

Premium themes can be used with an active Radzen Blazor subscription.

  • Material 3

  • Material 3 Dark

  • Material 3 Expressive

  • Material 3 Expressive Dark

  • Fluent

  • Fluent Dark

Swatches PRO

Swatches are a premium feature of Radzen Blazor Studio. Each theme contains a collection of predefined color swatches to pick from.

material3 Read more about swatches ↗

Customize themes in Radzen Blazor Studio link

The Appearance panel in Radzen Blazor Studio provides a comprehensive interface to easily customize the UI theme of your Blazor application in real time.
Read more about theme editing ↗

Frequently asked questions

How do I change the theme in Blazor?

Reference the theme's CSS and set it through ThemeService (or the Theme parameter); themes can switch at runtime, including a dark-mode toggle.

Does Radzen Blazor offer dark mode themes?

Yes. Several themes ship with dark variants, and users can toggle between light and dark at runtime.

Can I create a custom Blazor theme?

Yes. Start from a built-in theme and customize its colors and variables, or use the theme customization tools to build your own.

Radzen Blazor Newsletter

Get an email when new components and releases ship.

All the tools in one place

Save Hours on Every Project

With Radzen Blazor subscription you get the full toolkit, including:

support

Dedicated support backed by proven expertise

palette

Premium themes and theme editor

widgets

Ready-to-use UI blocks

dashboard_customize

Complete app templates

format_shapes

Visual design-time-experience

Radzen Blazor Studio

Radzen Blazor Components, © 2018-2026 Radzen.
Source Code licensed under MIT

Demos Configuration

Premium Themes

  • Material 3
  • Material 3 Dark
  • Material 3 Expressive
  • Material 3 Expressive Dark
  • Fluent
  • Fluent Dark

Free Themes

  • Material
  • Material Dark
  • Standard
  • Standard Dark
  • Default
  • Dark
  • Humanistic
  • Humanistic Dark
  • Software
  • Software Dark
An error has occurred. This app may no longer respond until reloaded. Reload 🗙