my-typewriter

A Zero Dependency Super Lightweight Typewriter Effect JavaScript Library.

Features

• Super Lightweight (Less than 1KB) 🔥
• Easy Configuration ⚙
• Easy Customization ⛏
• Zero Dependencies! 🤯

CDN

We recommend you to use my-typewriter CDN for quick and easy setup.

<script src="https://cdn.jsdelivr.net/npm/my-typewriter/public/myTypewriter.min.js"></script>

Installation

You can install my-typewriter using NPM command

npm install my-typewriter

Usage/Example

Give a my-typewriter ID to an element.

<h1>
    <span id="my-typewriter"></span>
</h1>

Import and use as shown below. Also, refer to options for customizations.

import { typeWriter } from "my-typewriter";

typeWriter({
    texts: ["example 1", "example 2", "example 3"],
})

Options

Name	Default	Description
texts	[ ]	Array of texts to add for typewriter effect.
letterPause	1200	Pause in milliseconds at end letter.
typeSpeed	0	Typing speed in milliseconds.
eraseSpeed	100	Erasing speed in milliseconds.
blinkSpeed	300	Cursor blink speed in milliseconds.
speed	200	Default typing and erasing speed, If both are set to 0.

License