Animation in Blazor components

22 Oct 20251 minute to read

This section explains how to enable or disable animations globally for Syncfusion® Blazor components. Global animation settings apply app-wide and can override individual component animation settings.

Enable or disable animation globally

Enable or disable animations for all Syncfusion® Blazor components by setting the GlobalOptions.Animation property when registering the Syncfusion® Blazor service. Use one of the following modes:

  • Enable: Enables the animation for all components, overriding individual component animation settings.
  • Disable: Disables the animations for all components, overriding individual component animation settings.
  • Default: Animation is enabled or disabled based on component’s animation settings.

The following example disables animations globally.

using Syncfusion.Blazor;
....
builder.Services.AddSyncfusionBlazor(options => { options.Animation = GlobalAnimationMode.Disable; });

NOTE

The GlobalOptions.Animation property controls script level animations only. It does not affect pure CSS animations defined by CSS classes or properties.