Typewriter

How it works

The first step to follow is to clone the Webflow project your can reach by clicking on the button below.

Once the project has been cloned, you have to add the script you find below within your Webflow project (before "body" tag in the page you want to show it).

<script src="https://cdn.jsdelivr.net/npm/[email protected]/udesly-wf-typewriter.1.0.3.bundle.js"></script>

With the Udesly typewriter widget for Webflow you can create nice looking and fully customizable animated typing effects.

Want to start from scratch?

Insert a Text element with the following attribute:

Color

You can manage the text color with the following attribute:

Writing

This is the speed with which the text appears (in ms). Add the attribute:

Deleting

This is the speed with which the text will be deleted (in ms). Add the attribute:

How to add a custom attribute

  1. Select the element you want to add the custom attribute to

  2. Go to the Element settings Panel (D)

  3. Add [+] a custom attribute

  4. Specify the name and the value

  5. Click Save

White Arrow
For example:
In this case you defined the Facebook Post
udesly-logo
Made with Udesly