❤️ Support our project - Your donation helps us continue developing awesome tools!


Docs
Blur In

Blur In

An animated text component that blurs in the text.

Blur In

Installation

npx nyxb@latest add blur-in

Props

PropTypeDescriptionDefault
classNamestringThe class name to be applied to the component
durationnumberDurations (seconds) for the animation1
wordstringThe word to be animated
variantobjectCustom animation variants for motion componenthidden: { filter: "blur(10px)", opacity: 0 }, visible: { filter: "blur(0px)", opacity: 1 }