React Typing Effect 🚀

A lightweight, powerful, and zero-dependency React component to create smooth, professional typing animations. Built with performance in mind, it works out of the box without any external CSS files.

Features

• Zero CSS Setup: No manual CSS imports. It injects styles automatically!
• Fully Customizable: Easily control speed, colors, font sizes, and cursor.

Installation

Install the package using your favorite package manager:

npm install my-typing-effect
# or
yarn add my-typing-effect
# or
pnpm add my-typing-effect

import { Typing } from 'my-typing-effect';

<Typing
  color="dodgerblue"
  fontSize="2rem"
  speed={3}
  cursor
  loop
  as="h2"
>
  Hello World!
</Typing>