Text
AuroraText
Large display text with animated aurora gradient orbs floating behind it.
Installation
npm install @ai-animate/core
Usage
import { AuroraText } from '@ai-animate/core'
<AuroraText
text="agents-ui"
/>
Props
textstring'agents-ui'The text to display
colors[string, string, string, string]['#00c2ff', '#ffc640', '#33ff8c', '#e54cff']Four colors for the aurora blobs
backgroundstring'#000000'Dark background color shown outside the text mask
blurstring'1rem'CSS blur amount applied to each blob
fontSizestring'clamp(3rem, 8vw, 7rem)'CSS font-size for the headline
speednumber1Speed multiplier for the aurora animation
classNamestring''className on the outer wrapper div