Fast & Tiny Typewriter Effect In JavaScript – Ketikin.js

A tiny and fast JavaScript library to simulate the typewriter effect on the page.

Inspired by the TypeIt JavaScript library but more flexible and lightweight.

See It In Action:

How to use it:

1. Download and import the ketikin.min.js library into the document.

<script src="ketikin.min.js"></script>

2. Apply the typewriter effect to the existing content.

<p class="lead">This is a typewriter effect</p>

ketikin("p", {
  // options here
})

3. Or define the text in a JS array as follows:

ketikin("p", {
  texts: ["CSSScript.Com 👋", "jQueryScript.Net 😍"],
})

4. Customize the typing speed.

ketikin("p", {
  speed: 60,
})

5. Determine whether to loop the animation. Default: false.

ketikin("p", {
  loop: false,
})