Progress Telerik UI for Blazor

Blazor Animation Container

  • The Blazor Animation Container component is an expandable container that shows up and hides with an animation of your choice - without you having to write JavaScript.
  • This component is part of the largest truly native Blazor component suite - Telerik UI for Blazor designed to perfectly fit in any app’s requirement.
  • The Blazor UI suite also comes with professionally designed themes enabled with a flip of a switch, document processing library, rich docs & demos to help you get started in no time.
Telerik UI for Blazor Suite
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Animation Container Overview

    The Animation Container component gives capability to create stylish messages and popups in both Blazor WebAssembly (WASM) and Server-side Blazor applications. It comes with twelve out-of-the box animation types such as Fade, Slide Down, Slide Right and ZoomIn, and multiple configuration settings to let you adjust its size, position and content.

    Besides being able to create notifications or expandable components, the Animation component lets you animate any element in your Blazor apps you wish and get a pixel-perfect result every time.

    Example of Blazor Animation container.

    Telerik UI for Blazor
  • Animation Types

    The Animation Container component provides twelve built-in animation types, to let you

    • SlideUp
    • SlideIn
    • SlideDown
    • SlideRight
    • SlideLeft
    • PushUp,
    • PushDown
    • PushLeft
    • PushRight
    • Fade
    • ZoomIn
    • ZoomOut
  • Animation Customization

    In addition to the various animation types, the component exposes multiple events and properties to let you further customize the animation behavior.  You can define custom CSS class, animation position, duration, and even delays in showing and hiding.

    Code samples with Animation Container customizations in Blazor.

    Telerik UI for Blazor

All Blazor Components

Next Steps

Launch demos

See Telerik UI for Blazor in action and check out how much it can do out-of-the-box.

Download free trial

Try Telerik UI for Blazor with dedicated technical support.