Return to articles
How to animate type with typed JS
Tutorials

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="https://cdn.jsdelivr.net/npm/typed.js@2.0.9"></script>



Include the following scripts:


<script></script>
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!

ABOUT THE AUTHOR

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.

OTHER GUIDES & LESSONS

Boost your webflow site further.