---
title: "Scramble Label — Free Framer component · Best of Framer"
description: "Free Framer component · by Adam Kansky · Text. Text that decodes letter by letter"
canonical: "https://framer.elliotli.dev/component/scramble-label"
---

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

# Scramble Label

Text that decodes letter by letter

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

![Scramble Label preview image 1](https://framer.elliotli.dev/og/component/scramble-label/fd10d286bbc768d0/1600x1200.jpg)

## Summary

Text that decodes letter by letter

## Description

Text that decodes itself letter by letter, left to right, out of random glyphs. Every glyph is drawn on top of the letter it replaces, so lines never reflow and the final text is exactly what you typed.

Triggers: In View, On Load, On Hover, In View + Hover. Speed, trail length, delay, the HTML tag and the glyph set (letters, numbers, symbols, binary or your own) are all controls. Works with any font, respects reduced motion, and shows the final text on the canvas. Made by Plainware.

Questions or a problem? plainwaretemplates@gmail.com, replies within a day.

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

-   All · #7204

## Details

- **Author**: Adam Kansky
- **Published**: 2026-09-14
- **Updated**: 2026-09-30
- **Added**: 2026-09-14
- **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