Text
ShinyText
Animated shine and mirror-glaze effect with gradient sweep and optional letter bulge.
Installation
npm install @ai-animate/core
Usage
import { ShinyText } from '@ai-animate/core'
<ShinyText text="agents-ui" />
Props
textstring—Text to display (required)
speednumber2.4Duration of one full shine cycle in seconds
colorstring'#666'Base text color (non-shining parts)
shineColorstring'#ffffff'Color at the shine peak
bulgebooleanfalseWhether letters scale up as the shine passes over them
bulgeScalenumber1.28Max scale at the shine peak
bulgeWidthnumber0.15Shine zone width as fraction of total text width
classNamestring''className on the outer wrapper span