Raising the standard with a new Standard theme for Radzen Blazor Components

The Radzen team is happy to share with the community a new Standard theme for our free set of Blazor Components. The theme brings classic yet modern look and feel to Blazor applications.

standard-theme-datagrid.png

Major distinctive features are:

  • Improved visual hierarchy
  • Clear distinction between primary and secondary UI elements
  • Optimized spacing
  • Contrast and color accessibility - WCAG Level AAA

standard-theme-color-contrast.png

Standard theme is also available for Figma

The Standard theme UI kit is freely available on Figma Community here.

You can duplicate and use the Components Library to quickly create design mockups via drag & drop.

standard-theme-ui-library.png

You can also use Figma to test and preview any color adjustment you might want to make to the Standard theme in a Radzen Blazor app.

standard-theme-update-styles-in-figma.png

Also, if you are into building your own design system, our kit is a great starting point and a solid foundation for your next UI project. The UI kit now contains all the base Radzen Blazor components such as Inputs and Buttons with variants for all interaction states e.g. Hover, Active, etc.

standard-theme-components.png

We plan to continuously update the Figma theme with more complex Radzen Blazor UI components and application UX patterns, so make sure you follow our Figma Community profile.

Standard theme in your Radzen Blazor apps

If you have an active Radzen subscription, you can easily customize the theme to fit the visual appearance of your brand. With the help of our built-in theme customization dialog, updating main theme properties is a matter of minutes. Read the Theme Customization article for more details on how to change the look and feel of your app.

standard-theme-customize.png

To get hands-on experience with the Standard theme, check out the demos of Radzen Blazor Components.

The Standard theme is already available with the new version of Radzen. If you’re not a customer yet, you can give Radzen a try by downloading Radzen Community.

Leverage Radzen on LinkedIn

Yes, we are on LinkedIn and you should follow us!

Now, you have the opportunity to showcase your expertise by adding Radzen Blazor Studio and Radzen Blazor Components as skills to your LinkedIn profile. Present your skills to employers, collaborators, and clients.

All you have to do is go to our Products page on LinkedIn and click the + Add as skill button.

by Vasil Yordanov

New powerful Blazor DataGrid component from Radzen

We are happy to share that we’ve just released our brand new powerful Blazor DataGrid component with virtualization support, frozen columns, multiple columns sorting, improved filtering API and many more!
Read more