Kendo UI for Vue

Vue Animation

  • Enables you to animate HTML elements and get a pixel-perfect result every time.
  • Part of Kendo UI for Vue library together with other best-in-class native components for building fast and beautiful apps.
  • Comes with outstanding technical support, detailed documentation and demos.
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The Kendo UI for Vue Animation component helps with the animation of the HTML elements that appear, enter, or exit the viewport. The component is used internally in many of the Kendo UI for Vue components and is also available as a separate component, helping the Vue developers animate their UI elements.

    See Vue Animation demo
  • Animation Types

    The Animation component comes with numerous built-in animation types like Fade, Expand, Push, Reveal, Slide, and Zoom.

    Kendo UI for Vue Animation types examples

    Animation - Overview - Zoom
  • Stacked Animation

    The Vue Animation component can improve the user experience by stacking different animation types. With this functionality, a series of animations can be rendered one after another.

    Animation - Stacked Animations
  • Disabling Animation

    For scenarios where a given animation that is added to the page must be disabled until further notice, the Animation can toggle between the enabled and disabled states with a single configuration option.

    Kendo UI for Vue Disabled Animations examples


  • Custamization and Appearance

    Vue Animation can fit in every custom scenario. The component gives you the freedom to style your unique animations or edit the appearance of the built-in ones.

    Kendo UI for Vue Customization examples


Get Started with Kendo UI for Vue

Kendo UI