---
title: "Scramble Reveal — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Weaver Templates · Text. A text scramble reveal for Framer."
canonical: "https://framer.elliotli.dev/component/scramble-reveal"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Scramble Reveal

# Scramble Reveal

Text resolves from random glyphs.

[View on Framer](https://framer.com/marketplace/components/scramble-reveal/?via=elliot-li)

![Scramble Reveal preview image 1](https://framer.elliotli.dev/og/component/scramble-reveal/2a546cfc7368671b/1600x1200.jpg)

## Summary

A text scramble reveal for Framer.

## Description

A text scramble reveal for Framer. Characters cycle through random glyphs and settle into the real text, one position at a time, in the order and at the pace you choose.

Zero dependencies. Nothing is fetched at runtime, so nothing can change under you after purchase.

Four triggers (scroll into view, hover, mount, loop), four reveal orders (left, right, from center, random), and five glyph sets (A-Z 0-9, symbols, katakana, binary, custom). 13 property controls in all.

Accessible by construction: the real string sits on the parent as aria-label and every scrambling glyph is aria-hidden, so screen readers never read the noise. Spaces and line breaks are never scrambled.

Respects prefers-reduced-motion, and you can override that per instance.

## Rank history [How rankings work →](/terms#rankings)

-   All · #5127

## Details

- **Author**: Weaver Templates
- **Price**: $9.00
- **Published**: 2026-08-03
- **Updated**: 2026-08-03
- **Added**: 2026-08-03
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing