Radzen Blazor Components

Ripple

Apply the ripple effect to various UI elements.

Ripple RadzenButton link

Ripple effect applied to RadzenButton via class="rz-ripple". Material theme buttons have the ripple effect applied by default.

Ripple RadzenLink link

Ripple effect applied to RadzenLink via class="rz-ripple".

Ripple HTML div link

Ripple effect applied to a simple <div> element via class="rz-ripple". The ripple color inherits the element's text color.

Click me!

Supercharge your Blazor development with 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.

open_in_new Learn More
>Radzen Blazor Studio

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

Demos Configuration

Premium Themes

  • Material 3
  • Material 3 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 🗙