https://github.com/parinpan/ketikin
Ketikin is a lightweight Javascript library to help you create a typewriter animation
https://github.com/parinpan/ketikin
animation javascript javascript-library typewriter typewriter-effect typewriting
Last synced: 10 months ago
JSON representation
Ketikin is a lightweight Javascript library to help you create a typewriter animation
- Host: GitHub
- URL: https://github.com/parinpan/ketikin
- Owner: parinpan
- Created: 2021-10-09T01:20:00.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2021-10-20T08:56:04.000Z (over 4 years ago)
- Last Synced: 2025-04-13T03:46:40.851Z (about 1 year ago)
- Topics: animation, javascript, javascript-library, typewriter, typewriter-effect, typewriting
- Language: JavaScript
- Homepage:
- Size: 22.5 KB
- Stars: 19
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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
```html
```
2. Create a HTML tag which contains a certain text
```html
Hey, it's written by Ketikin 👋
```
3. Trigger animation using ketikin function
```html
// ketikin(selector, options)
ketikin("p", {
speed: 70,
loop: true
})
```
4. Or, alternatively you can also override your own text
```html
ketikin("p", {
texts: ["Hey, it's written by Ketikin 👋", "It's an awesomeness! 😍"],
speed: 70,
loop: true
})
```
5. Done 🥳🐛
## Demo
#### Visit my website for a smoother demo. The GIF frame rate below is dropped.
