Cipher Text

A text animation that simulates a decoding or decryption effect.

Decryption effectConfigurable speedInteractive triggers
Basic
Features

Matrix Effect

Simulates text decoding with random characters.

Custom Timing

Adjust speed and duration of the reveal.

Interactive

Trigger animation on hover or view.

Installation
Works with npm, pnpm, yarn, and bun

$npx libravelui@latest add cipher-text

Anatomy
import { CipherText } from "@/components/ui/motion/cipher-text";<CipherText>Secret Message</CipherText>
Custom Config and Characters
With Trigger
Props

Loading types…

Edit on GitHub

Animated Text

A versatile text animation component for character, word, or line effects.

Highlighted Text

A customizable text highlight component for drawing attention to key content.