---
title: Animation Effects
page_title: Animation Effects - Window - Kendo UI for Vue
description: "Set the animation of the Kendo UI Window wrapper in Vue projects."
slug: animation_effects_window_wrapper
canonicalLink: "https://www.telerik.com/kendo-vue-ui/components/dialogs/window/"
position: 5

---

<div><WrapperBanner link="/kendo-vue-ui/components/dialogs/window"></WrapperBanner></div>    

# Animation Effects

The Window enables you to change its interactivity by setting animation effects.

{% meta height:660 %}
{% embed_file animation/main.vue preview %}
{% embed_file animation/main.js %}
{% endmeta %}

## Suggested Links

* [Kendo UI Window for jQuery](https://docs.telerik.com/kendo-ui/controls/layout/window/overview)
* [API Reference of the Window Widget](https://docs.telerik.com/kendo-ui/api/javascript/ui/window)