react-typing-text-effect

react-typing-text-effect is a react base component with zero dependencies, use to add the typing effect.

See Demo at codesandbox

Installation

Use the package manager npm to install .

npm i react-typing-text-effect

Usage

import React from "react";
import { TypingEffect } from "react-typing-text-effect";

export default function App() {
  return (
    <div className="App">
      <h1>react-text-explode</h1>
      <TypingEffect texts={["This is a typewriter effect.", "Using react and simple css"]} />
    </div>
  );
}

props	type	default value	info
texts	string[]	['']	list of text to show
initialTypingDelayMs	number	1000	delay before start typing in ms
charTypingDelayMs	number	120	delay between letters
containerClassName	string	''	additional class name for customize the texts
cursorClassName	string	''	additional class name for customize the cursor

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

ISC