README

Ketikin

Ketikin is a lightweight Javascript library to help you create a typewriter animation, it's inspired by <a target="_blank" href="https://github.com/alexmacarthur/typeit">TypeIt</a> 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

Make sure you have imported ketikin library into your HTML page

<script defer src="https://fachr.in/static/js/ketikin.min.js"></script>

Create a HTML tag which contains a certain text

<p>Hey, it's written by Ketikin 👋</p>

Trigger animation using ketikin function

<script>
    // ketikin(selector, options)
  
    ketikin("p", {
        speed: 70,
        loop: true
    })
</script>

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>

Done 🥳🐛

Demo

Visit <a target="_blank" href="https://fachr.in">my website</a> for a smoother demo. The GIF frame rate below is dropped.

ketikin

Ketikin

Install / Use

README

Ketikin

Usage

Demo

Visit <a target="_blank" href="https://fachr.in">my website</a> for a smoother demo. The GIF frame rate below is dropped.

Related Skills