---
title: Animation Effects
page_title: Animation Effects - TabStrip - Kendo UI for Vue
description: "Setting the animation in Kendo UI TabStrip wrapper for Vue."
slug: animation_effects_tabstrip_wrapper
canonicalLink: "https://www.telerik.com/kendo-vue-ui/components/layout/tabstrip/"
position: 3
---

<div><WrapperBanner link="/kendo-vue-ui/components/layout/tabstrip"></WrapperBanner></div>    

# Animation Effects

The TabStrip provides options for setting animations effects.

To configure the desired animation, use the `animation` prop and the composite `animation-[...]` settings.

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

## Suggested Links

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