@birdgg/astro-type-writter

Astro type writter component

Install

pnpm install @birdgg/astro-type-writter

Usage

import TypeWritter from "@birdgg/astro-type-writter";

<TypeWritter
  text={"This is a typewriter effect with 👍"}
  wordClass={"text-up"}
  showBlink={false}
/>

Props

text	string	text to animate
wordClass	string	wrap word span with class so you can apply custom animation
showBlink	boolean	default true
speed	number	default 200
delay	number	default 0

Demo

you can checkout example/pages/index.astro