Syncfusion AI Assistant

How can I help you?

Animation in Blazor components

19 Jun 20261 minute to read

This section explains how to enable or disable animations globally for 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 Blazor components by setting the GlobalOptions.Animation property when registering the 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.