---
title: "Glyph Scramble — Free Framer component · Best of Framer"
description: "Free Framer component · by Gwatsin T · Text. Glyph Scramble makes text churn through random characters and resolve into the real words, left to right."
canonical: "https://framer.elliotli.dev/component/glyph-scramble"
---

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

# Glyph Scramble

Text that churns into place

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

![Glyph Scramble preview image 1](https://framer.elliotli.dev/og/component/glyph-scramble/3df71e38154b5499/1600x1200.jpg)

## Summary

Glyph Scramble makes text churn through random characters and resolve into the real words, left to right.

## Description

**Glyph Scramble** makes text churn through random characters and resolve into the real words, left to right. It can play when it scrolls into view, when hovered, or on a loop.

The real text stays in the page the whole time, so search engines and screen readers read the actual words, not the scramble. The space the text takes up is reserved in advance, so nothing around it shifts while it runs, and the line never jumps onto a second line mid scramble.

Eleven property controls cover the text, font, colour, trigger, duration, how staggered the letters resolve, how fast they churn, which characters it scrambles through, the pause between loops, line wrapping, and replay on scroll.

**Setting up**

Paste the component link into your Framer project's Insert panel. Nothing to install. Type your text and pick a trigger.

**Good to know**

No Wrap is on by default and keeps the effect on one line. On a phone a long headline will run off the edge instead of wrapping, so shorten it, or turn No Wrap off for text meant to flow over several lines.

The scramble plays on published sites and in preview. On the canvas the text shows as normal so it stays easy to edit.

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

-   All · #6514

## Details

- **Author**: Gwatsin T
- **Published**: 2026-09-11
- **Updated**: 2026-09-12
- **Added**: 2026-09-11
- **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