UX | Text typewriter like experience

Design help General
1

Wondering if Webflow can do something along the lines of

  1. http://www.brainstation.it/
    Have text start to appear as if someone is typing away.

Found this ref article > Pure CSS3 typing animation with steps() – Lea Verou

Could this be used as embedded code? > JavaScript Animated Typing with Typed.js | by Matt Boldt

-or-

  1. https://gumroad.com/
    After the page loads, words fall away and new one’s show up - look for after the word Sell

anyone know if this is possible or if there are any examples or tutorials that talk to how to start to look into attempting this?

thxs

2
  1. Is done using a js script - Typer.js – I’ve used it myself in the past and it works great. https://cosmos.layervault.com/typer-js.html It does require that you have some experience with using javascript and custom code…

Follow the steps in the link above - you’ll need a place to host the jquery script and files. And call the script by using the custom attributes section in webflow on the text you want to animate:

1 Like
3

Hi, would you mind giving a step by step explanation on how to implement this in webflow? I don’t know how to call an external Js file…

Understand if its to bigger ask :blush: