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. 🤝
- 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 🥳🐛