reframe/ui
reframe/ui

Command Palette

Search for a command to run...

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
PRO COMPONENT

Unlock with PRO

This component is exclusive to reframe/ui PRO.
Get instant access to all premium components and templates.

Usage

Props

NameTypeDefaultRequiredDescription
textstring-YesText to disperse into scattered characters on hover.
classNamestring-NoWrapper classes for layout and sizing.
charClassNamestring-NoClasses applied to each character span.
durationnumber0.75NoAnimation duration (seconds).
easenumber[][0.33, 1, 0.68, 1]NoCubic-bezier array for easing.
onHoverChange(isActive: boolean) => void-NoCallback fired with hover state changes.
© Copyright 2025. All rights reserved.Built by @thommysart