GitHub
auto_awesome

Enjoy Material 3

This is a preview of Radzen's new Material 3 premium theme, available only to Radzen Professional or Enterprise subscribers.

Browse components with a free theme by selecting one from the dropdown above.

Shadows

Shadow styles and utility CSS classes.

Utility CSS classes link

Use these CSS classes to set box-shadow to an element e.g. class="rz-shadow-2". Each theme has its own shadows assigned. Change the theme to preview them.

.rz-shadow-0
.rz-shadow-1
.rz-shadow-2
.rz-shadow-3
.rz-shadow-4
.rz-shadow-5
.rz-shadow-6
.rz-shadow-7
.rz-shadow-8
.rz-shadow-9
.rz-shadow-10

Custom CSS properties (CSS Variables) link

These are the root theme shadow CSS variables.

You can use CSS variables in styles e.g. style="box-shadow: var(--rz-shadow-2);"

--rz-shadow-0
--rz-shadow-1
--rz-shadow-2
--rz-shadow-3
--rz-shadow-4
--rz-shadow-5
--rz-shadow-6
--rz-shadow-7
--rz-shadow-8
--rz-shadow-9
--rz-shadow-10

Introducing Radzen Blazor Studio

Radzen Blazor Studio is a software development environment that empowers developers to design, build and deploy Blazor applications without the traditional hurdles. Write less code and get more done.


Source Code licensed under MIT

New

Radzen
Blazor Studio

Accelerated, smarter, and cost-effective Blazor development

Radzen Blazor Studio is a software development environment that empowers developers to design, build and deploy Blazor applications without the traditional hurdles. Write less code and get more done.

An error has occurred. This app may no longer respond until reloaded. Reload 🗙