Typin NPM | npm.io

Typin

Typin is a lightweight JavaScript library that provides a Typin effect for text elements on your web page. It's a simple way to make your text content more engaging and interactive.

Installation

You can install Typin via npm:

npm i typin

Usage

To use Typin in your project, follow these steps:

Include the library in your JavaScript file:

const Typin = require("Typin");

Create an HTML element that will display the Typin effect. For example:

<div class="Typin-text"></div>

Initialize Typin with your desired options:

const txtElement = document.querySelector(".Typin-text");
const words = ["Hello", "World", "Typin"];
const options = {
  wait: 1000, // Time to wait after typing a word
  deleteSpeed: 50, // Speed of character deletion
  typeSpeed: 100, // Speed of character typing
  cursor: true, // Show blinking cursor
  cursorCharacter: "|", // Cursor character
};

const Typin = new Typin(txtElement, words, options);