Return to articles
How to animate type with typed JS

How to animate type with typed JS

Simple tutorial from Noah on using the typed.js

January 5, 2019

Here is the code:

<script src=""></script>

Include the following scripts:

var typed4 = new Typed('#typed-text', {        
strings: ['Look ma I\'m typing.', 'This is awesome!', 'Let\'s do it again. Weee!'],        
typeSpeed: 75,      
backSpeed: 25,        
bindInputFocusEvents: true,        
loop: true,        
cursorChar: '_',        
backDelay: 1000,        
startDelay: 1000    

Just replace the strings with your own text/sentences.

Be sure if you have a " ’ " in a sentence you are writing like “Hey I’m…” to include a backslash before the " ’ " so it doesn’t break the code The symbol with the | key underneath the delete button). Hope this helps make things easy!


Enjoyed this read?

Stay up to date with the latest video business news, strategies, and insights sent straight to your inbox!

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Recieve webflow resources directly to your mailbox.

Sign up to get weekly insights & inspiration in your inbox.


Boost your webflow site further.