Text Dispersion
Keabou
Thomson
Web Developer
&
Design
Engineer
+237658924833
→Email
→Twitter
Installation
Install Dependencies
Copy and Paste the component
@/components/reframe-ui/text-dispersion.tsx
Usage
Props
Name | Type | Default | Required | Description |
---|---|---|---|---|
text | string | - | Yes | Text to disperse into scattered characters on hover. |
className | string | - | No | Wrapper classes for layout and sizing. |
charClassName | string | - | No | Classes applied to each character span. |
duration | number | 0.75 | No | Animation duration (seconds). |
ease | number[] | [0.33, 1, 0.68, 1] | No | Cubic-bezier array for easing. |
onHoverChange | (isActive: boolean) => void | - | No | Callback fired with hover state changes. |
© Copyright 2025. All rights reserved.Built by @thommysart