I want to hide the cursor permanently in TypedJS i.e. I don't want it to blink/show as it types. I have found some tutorials on how to hide it on plete but not how to hide it since beginning. How to achieve it?

I want to hide the cursor permanently in TypedJS i.e. I don't want it to blink/show as it types. I have found some tutorials on how to hide it on plete but not how to hide it since beginning. How to achieve it?

• javascript
• typedjs

2 Answers 2

Just use the showCursor option.

 var typedX = new Typed('#animatedText', {
  strings: 
    ['Hello Hello Hello',  'World World World', 'Goodbye Goodbye Goodbye'],
  showCursor: false
});

<script src="https://cdn.jsdelivr/npm/typed.js"></script>

<div id="animatedText"></div>

Deleting typed::after from css will help.

.typed::after {
    content: '|';
    display: inline;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}

You can try it here.