Using Animated Words

Animate and customize words in your Vev project

Diego Muralles avatar
Written by Diego Muralles
Updated over a week ago

Bring your copy to life with Vev's Animated Words element. Create fluid word-staggered animations for titles and text with additional presets.

Using animated words in Vev

๐Ÿ”ค Adding animated words

  • From the Top Menu bar, click Add Menu (Shortcut: M)

  • Search for and select Animated Words

  • Click and drag the element to your canvas

๐ŸŽจ Styling animated words

Choose from a variety of options to style and customize the Animated Words element. Click the text box to reveal your style options.

  • Font Family: Select the font

  • Style: Set the weight of your text

  • Alignment: Set the position of your text

  • Size: Set text size in pixels or ems

  • Line height: Set text line-height in pixels or ems

  • Word spacing: Set the space between words in pixels or ems

  • Letter spacing: Set the space between letters in pixels or ems

  • Color: Set text color

โš™๏ธ Configuration options

Double-click the Animated Words element and adjust a variety of parameters to animate the letters and create the effect you want.

Configuration options:

Parameter

Options

Text

Add the text you want to animate.

Loop

Set the animation to loop continuously.

Run once

Set the animation to run once.

Start delay

Set how long the animation should wait in milliseconds before starting.

Loop delay

Set how long the animation should last in milliseconds.

Fade out element

Choose to fade text letter by letter, or all words at once.

Animation presets

Pre-built animations

Easing

Adjust the acceleration of the transition animation.

Did this answer your question?