Cipher Text

A text animation that simulates a decoding or decryption effect.

Decryption effectConfigurable speedInteractive triggers
Basic

Task Completed ✓

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

Decoding Sequence Initialized

With Trigger
Props

Loading types…

Edit on GitHub

Last updated on

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.