ai-animate

Text

BreatheText

Variable-font weight breathing animation cycling through multiple fonts.

Installation

npm install @ai-animate/core

Usage

import { BreatheText } from '@ai-animate/core'


<BreatheText

word="beauty"

/>

Props

wordstring'beauty'The word to display throughout the animation
breatheDurationnumber3Duration of one full breath (thin → bold → thin) per font in seconds
fontSizestring'clamp(6vw, 13vw, 12rem)'CSS font-size
backgroundstring'#000000'Background color of the container
classNamestring''className on the outer container