Hamiduldiu
May 1, 2021

--

React Typewriter effect

To implement react typewriter effect is vary simple

Step 1 : install react typewriter-effect

npm i typewriter-effect

or

yarn add typewriter-effect

Step 2: Create a react componet, for example type.js and paste the code below

import React from ‘react’;

import Typewriter from “typewriter-effect”;

const Type = () => {

return (

<Typewriter

options={{

strings: [

“Full Stack Developer”,

“React Developer”,

“MERN Stack Developer”,

“Open Source Contributor”,

],

autoStart: true,

loop: true,

deleteSpeed: 50,

}}

/>

);

};

export default Type;

It’s done , enjoy happy coding !!!

--

--

Hamiduldiu
Hamiduldiu

No responses yet