The Text Distort widget creates attention-grabbing transition effects for text. Use it to bring excitement to site navigation, headlines, important links and more.

Hover over the text on the right and in the sections below to preview a variety of styles.

We built this widget with ease of installation in mind. If you've used paragraph styles throughout your site for things like headlines or title text, you can apply Text Distort animations to all the text sharing a particular paragraph style.

Any hover style can be combined with any hover effect. Additionally, different styles and effects have different styling options. Use combinations to create your preferred animation, and choose colors to fit your brand.