react-character-typer

A small React typing effect component that types text letter by letter, waits at the end, and then starts again.

Install

npm install react-character-typer

Usage

import TypingEffect from "react-character-typer";

export default function App() {
  return <TypingEffect text="Hello world" speed={100} pauseTime={1000} />;
}

Props

• text: the text to type
• speed: delay in milliseconds between each character
• pauseTime: delay in milliseconds before restarting after the full text is shown

Example

<TypingEffect text="Frontend developer" speed={80} pauseTime={1200} />

Notes

• This package is written for React.
• The default export is the TypingEffect component.