Fuzzy Text
Text with a fuzzy, glitch-like effect that responds to mouse interaction.
Usage
import FuzzyText from '@/components/bynanaui/fuzzy-text'
<FuzzyText
fontSize="4rem"
fontWeight={900}
color="#ffffff"
enableHover={true}
baseIntensity={0.18}
hoverIntensity={0.5}
>
FUZZY TEXT
</FuzzyText>Props
| Prop | Type | Default | Description |
|---|---|---|---|
fontSize | string | "4rem" | Font size |
fontWeight | number | 900 | Font weight |
color | string | "#ffffff" | Text color |
enableHover | boolean | true | Enable hover effect |
baseIntensity | number | 0.18 | Base fuzzy intensity |
hoverIntensity | number | 0.5 | Hover fuzzy intensity |