Animated Text
A customizable, responsive text animation component for modern UIs.
Basic Usage
Variations
Text Directional Fade
Animatedtextfromdifferentdirections
Text Color Transition
Text that transitions between colors
Text Scale Effect
Wordsthatscaleupwithabounceeffect
Text Split Effect
Each letter animates individually
Installation
Props
| Name | Type | Default | Description |
|---|---|---|---|
| words | string | - | Text which will be animated |
| className | string | - | Additional CSS classes |
| typingSpeed | float | - | Speed for the animation |
| direction | string | - | Choose from "up", "down", "left", "right" |
| staggerTime | float | - | The delay between the animation of each element in a sequence |
| fromColor | rgb (color) | - | Starting color for transitions |
| toColor | rgb (color) | - | Ending color for transitions |
| rotation | boolean | false | Enable or disable rotation |