Fast & Tiny Typewriter Effect In JavaScript – Ketikin.js

Category: Animation , Javascript , Text | October 14, 2021
Author:parinpan
Views Total:47 views
Official Page:Go to website
Last Update:October 14, 2021
License:MIT

Preview:

Fast & Tiny Typewriter Effect In JavaScript – Ketikin.js

Description:

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,
})

You Might Be Interested In:


Leave a Reply