PaceUI

Blocks
MCPComponentsTemplatesChartsStarter

Build faster with Pro

Unlock all premium blocks, templates, and support future updates.

Get Full Access

Scramble Text

PreviousNext

A hover-triggered text effect that scrambles and restores characters with smooth motion.

Default

npx shadcn@latest add @paceui/motion-scramble-text

Loading preview...

Props

ScrambleText

PropTypeDefault
randombooleantrue
scrambleOnLoadbooleantrue