Chatgpt-typewriter-cursor

chatgpt-typewriter-cursoris a lightweight and customizable typewriter cursor animation package for web applications. It provides an easy way to add typewriter cursor effects just like chatgpt cursor to text elements, enhancing the user experience and engagement on your website or web app.

Example

import React from 'react'
import TypewriterCursor from 'chatgpt-typewriter-cursor';

function MyComponenet(){
const [text,setText] = useState("");
return(
    <>
<TypewriterCursor(
  text,
  speed: 25,
  blinking:true,
  cursorChar: '|',
  bgColor:'white'
  cursorColor: '#ff0000'
/>
</>
)};

Notes:-

1. Text:-> Pass the string content.
2. speed:-> Less value gives high speed.
3. blinking:-> It's a boolean value.
4. cursorChar:-> We can pass the our customizable cursor.(Exp.-'|','😃','😂','❤️',.... )
5. bgColor:-> It add backgroud color of div of redered content.
6. cursorColor:-> You can pass your color to cursor.

Keywords

CursorAnimation, TypewriteEffect, customizable cursor