Ripple

Apply the ripple effect to various UI elements.

These demos showcase Material Design ripple effect animations applied to various elements (buttons, links, div elements) using the rz-ripple CSS class, with the ripple color inheriting from the element's text color.

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.

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

Start Free See Subscription Plans

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