typing-animation-anshal2

1.1.0 • Public • Published

This package let's you create a Typewritter effect with just few lines of code.

Example

https://github.com/anshal1/writing-animation/assets/101871035/0843b91a-e090-4da4-81c3-83f843ca3c10

If video is not available, then please check the github repo for example video

npm install "typing-animation-anshal2"
import TypeAnim from "typing-animation-anshal2";

Required Paramaters

new TypeAnim({
  // list of the words you wanna show
  wordslist: ["Word1", "Word2"],
  // the element where to show the typing animation
  element: HTMLElement,
});

Optional Paramaters

new TypeAnim({
  // list of the words you wanna show
  wordslist: ["Word1", "Word2"],
  // the element where to show the typing animation
  element: HTMLElement,
  // speed of the typing of words
  // higher the speed = higher wait time between         individual characters
  typing_speed: Number, // Default is 100ms,
  // do you want to show the cursor
  show_cursor: boolean, // Default is true
  // how long should we wait after we finish writing one word
  wait_time: Number, // Default is 1000ms
});

Package Sidebar

Install

npm i typing-animation-anshal2

Weekly Downloads

1

Version

1.1.0

License

ISC

Unpacked Size

89.2 kB

Total Files

4

Last publish

Collaborators

  • anshal_patel_20