GhostText

Component with text scrambling effect

Run the following command to add the component to your project:

$npx shadcn@latest add https://ghost-text.brandonbellero.com/r/ghost-text.json

Import and use the component:

import { GhostText } from "@/components/ghost-text"

<GhostText text="What's up world" startDelay={250} scrambleDuration={800} scrambleWindowSize={3} />