New to KendoReact? Learn about KendoReact Free.
Types
Updated on Dec 19, 2025
The Animation components animate their content by using various animation effects.
The Animation package delivers the following types of animations:
Fade
The Fade Animation animates newly added children by using a fade-in effect.
Loading ...
Expand
The Expand Animation animates the scaleY() or scaleX() CSS property of the container element.
Loading ...
Push
The Push Animation slides the new component by pushing the old one out.
Loading ...
Reveal
The Reveal Animation animates the height or width CSS property of the container element.
Loading ...
Slide
The Slide Animation slides a single piece of content in a predefined direction.
Loading ...
Zoom
The Zoom animation displays its content by applying a zoom-in or zoom-out transition effect.
Loading ...