React-word-typing-animation NPM

react-word-typing-animation

Nice smooth typing animation on word(s)

Example

npm.io

Install

npm install react-word-typing-animation --save

If you prefer yarn then

yarn react-word-typing-animation

Props

Property	Type	Default	Description
words (required)	string[]	[]	Words to type
interval	number	200	Time between word change in ms
showCursor	boolean	true	Whether to show the blinker cursor
showComma	boolean	true	Whether to show comma at the end of the line
textClassName	string	''	Text class name
commaClassName	string	''	Comma class name
cursorClassName	string	''	Cursor class name
typingSpeed	number	300	Typing speed in ms (recommended to set between 200 for fast typing to 450 for slow typing)

Usage

import React from 'react'
import TypingAnimation from 'react-word-typing-animation';


const Example = () => {
  return <TypingAnimation words={['Frontend', 'Development', 'Is', 'Super', 'Fun']} />
}

export default Example;