react-typing-writer-effect

A lightweight react typing animation effect component which you can adjust speed and font size.

(https://www.npmjs.com/package/react-typing-writer-effect/)

Installation

npm:

npm i react-typing-writer-effect

Demo

Usage

import TypingEffects from "react-typing-writer-effect";

function TypingAnimation() {
  return (
    <TypingEffects
      textArray={["Hello", "my", "friend"]}
      speed={200}
      size={50}
    />
  );
}

Props

Prop	Type	Description	Default
textArray	string[]	Write your text here	["Hello"]
speed	number	speed value smaller then typing quicker	200
size	number	The font size of text	50