Decrypted Text
A text animation component that creates a decryption effect
Preview
Loading...
Installation
CLI
pnpm dlx shadcn@latest add https://mahou-ui.kevintakeda.com/r/decrypted-text.jsonUsage
import { DecryptedText } from "@/components/ui/decrypted-text"<DecryptedText text="HELLO WORLD!" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
text | string | - | The text to display |
chars | string | - | Characters used for the decryption animation effect |
stagger | number | 16 | Delay between starting animation for each character |
updateRate | number | 16 | How frequently the animation updates (in ms) |
charDuration | number | 500 | How long each character animates before revealing |