React typing effect text animation component

A layout component to create a typewriter typing animation effect for text.

Installation

Run npm i text-type-animation-effect-react or yarn add text-type-animation-effect-react in the root of your React project

Usage

In the component where you want to see the animation of typing effect import TextTyper with

import TextTyper from 'text-type-animation-effect-react'

Render passing the props with the text to type, interval (optional) and HTML element to use (optional):

<TextTyper text={textToRender} interval={10} Markup={"code"} />

Props

npm: https://www.npmjs.com/package/text-type-animation-effect-react

Done at Barcelona Code School