---
title: "Cipher Scramble"
canonical_url: "https://framerhub.io/components/cipher-scramble"
last_updated: "2026-06-15T14:46:28.925Z"
---

## Cipher Scramble Text Effect

Create that iconic hacker/terminal text decoding effect with the Cipher Scramble component. Watch as random characters rapidly cycle through before revealing your actual message, letter by letter.

## Features

**Decode Animation**
Characters scramble through random letters, numbers, and symbols before settling into your final text. Creates an engaging, cinematic reveal effect.

**Multiple Triggers**
Choose how the animation starts:

- **Auto Play**: Starts immediately on load
- **On Click**: User clicks to trigger
- **On Hover**: Activates on mouse hover
- **In View**: Triggers when scrolled into viewport

**Full Typography Control**
Use extended font controls to customize every aspect of your text. Monospace fonts work particularly well for that authentic terminal feel.

**Adjustable Speed**
Control the scramble duration from 500ms to 5000ms to achieve the perfect timing for your design.

## Use Cases

**Hero Headlines** — Create dramatic reveal moments for landing page headlines.

**Tech & Security Sites** — Perfect for cybersecurity, blockchain, and developer portfolios.

**Gaming Interfaces** — Add that sci-fi, hacker aesthetic to gaming websites.

**Interactive Reveals** — Use click or hover triggers for engaging micro-interactions.

![Cipher Scramble Preview](/framerhub/img/components/control/cipher-scramble.jpg)

## How to Use

### Installation

1. Copy the component URL
2. Open your Framer project
3. Paste the component anywhere on your canvas (Cmd/Ctrl + V)

### Customization

**Content Settings**

- Text: Enter your message to reveal
- Font: Full typography controls (monospace recommended)
- Text Color: Set the text color (green is classic!)

**Animation Settings**

- Duration: How long the scramble effect takes (500-5000ms)
- Trigger: When to start the animation

### Quick Tips

**Monospace Fonts** — Use monospace fonts like "Fira Code" or "JetBrains Mono" for that authentic terminal look.

**Classic Green** — The default bright green (#00FF00) on dark backgrounds gives that iconic Matrix/hacker vibe.

**Duration Sweet Spot** — 1500-2500ms provides enough time to appreciate the effect without feeling slow.

**In View Trigger** — Great for scroll-based storytelling where text reveals as users navigate.

## License

**Single Use License** — Use in one client project with full commercial rights. No redistribution. 1 license = 1 client.

## Refund Policy

Due to the nature of our digital products, we are unable to offer refunds, but we're here to assist you with any questions or concerns!

## Why Designers Love This

The Cipher Scramble effect instantly adds mystery and intrigue to any text. It's perfect for creating those "wow" moments that make websites memorable—no code required.