Fuzzy Text
Transition from one text to another with a fuzzy effect of alpha numerical characters.
Examples
Hover over the text to see the effect
Create amazing text with Aether UI effect
Animate the same text on hover
Hover over me!
Use it on buttons
Installation
npx shadcn@latest add "https://aetherui.in/c/fuzzy-text.json"
Component Props
You can use the FuzzyText component by passing the following props to it.
| Prop | Type | Default | Description |
|---|---|---|---|
| text | string (Optional) | Uses `orignal` text if not provided | The text to be displayed. |
| orignal | string | The original text to be displayed. | |
| children | ReactNode | Content to be displayed. | |
| className | string | Additional CSS classes for styling the component. | |
| delay | number (Optional) | 30 | The delay in milliseconds between each character change. |