Skip to content

Ketikin is a lightweight Javascript library to help you create a typewriter animation

Notifications You must be signed in to change notification settings

parinpan/ketikin

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 

Repository files navigation

Ketikin

Ketikin is a lightweight Javascript library to help you create a typewriter animation, it's inspired by TypeIt which has already been there prior to this. It's sort of a reinventing the wheel thing but you can get a more compact and a way smaller library size. 🤝

Usage

  1. Make sure you have imported ketikin library into your HTML page
<script defer src="https://fachr.in/static/js/ketikin.min.js"></script>
  1. Create a HTML tag which contains a certain text
<p>Hey, it's written by Ketikin 👋</p>
  1. Trigger animation using ketikin function
<script>
    // ketikin(selector, options)
  
    ketikin("p", {
        speed: 70,
        loop: true
    })
</script>
  1. Or, alternatively you can also override your own text
<script>
    ketikin("p", {
        texts: ["Hey, it's written by Ketikin 👋", "It's an awesomeness! 😍"],
        speed: 70,
        loop: true
    })
</script>
  1. Done 🥳🐛

Demo

Visit my website for a smoother demo. The GIF frame rate below is dropped.

ketikin