Components

Distort Text

A responsive text effect that scrambles nearby characters as the cursor moves across a paragraph.

Loading...

Installation

npx shadcn@latest add @paceui-ui/distort-text

Examples

Use * as chars

Set distortChar to any character (e.g., *) to scramble the text with your chosen character.

Loading...

Props

DistortText

Prop	Type	Default
distortChar	string	.:

Inspired by Tom Miller's work

Built by Denish. The source code is available on GitHub.

On this page

SaaSKit by PaceUI

Launch your next SaaS idea faster with our modular kit

Visit SaaSKit