Typewriter text effect

A common hero/header section typewriter text effect for your Webflow site. This allows you to add a typewriter effect to any area that you wish to add a text effect to via this Javascript snippet.

How to add it

1. Add the Javascript code to your closing body custom code section
2. Update the classname of the text block that you created
3. Update Sentence 1, Sentence 2 to whatever sentence or word you want typed
4. Update settings such as typeSpeed, backSpeed and more as you need

The code

                      <!-- Add to closing body tag -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.10/typed.min.js"></script>
<script>
var typed = new Typed(".typed-words", {
strings: ["Sentence 1", "Sentence 2", "Sentence 3"],
typeSpeed: 80,
backSpeed: 40,
backDelay: 2000,
startDelay: 500,
loop: true,
showCursor: false,
cursorChar: "|",
attr: null,
});
</script>