Our shop section is coming soon, watch for updates! Shop now
Guide

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>


<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    
});
</script>

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!

Noah
Details
Typed.JS
Simple tutorial from Noah on using the typed.js
Preview ProjectClone Project

Discussion

Other Guides

Guide
Authentication
Jason Dark
Guide
Interactions & fullPage JS
John Marsh
News, Updates & Clonables

Join the newsletter for updates

Join 600+ webflow community members.
Welcome to the club. Cool stuff coming your way.
Oops! Something went wrong while submitting the form.