---
title: "Scramble Lens — Free Framer component · Best of Framer"
description: "Free Framer component · by Gazi Efe · Text. Scramble Lens turns any text into an interactive surface."
canonical: "https://framer.elliotli.dev/component/scramble-lens"
---

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

# Scramble Lens

Hover-readable text scramble effect

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

![Scramble Lens preview image 1](https://framer.elliotli.dev/og/component/scramble-lens/e04772f9e615a6e5/1600x1200.jpg)

## Summary

Scramble Lens turns any text into an interactive surface.

## Description

Scramble Lens turns any text into an interactive surface.

Your text reads normally. When the cursor hovers over it, a soft circular lens follows the pointer — the letters inside the lens stay perfectly readable, while everything outside scrambles into random characters. The noise churns organically as you move, then settles when you stop. Move the cursor away and the text returns to normal.

Fully editable in Framer: text, font, text color, scramble color, background, corner radius, padding, alignment, lens size, edge softness, churn amount, animation smoothing and the scramble character set.

Built with pure code — no dependencies, fully responsive, and the layout never shifts because each letter is width-locked.

Perfect for headlines, hero text, taglines and anywhere you want a tactile, eye-catching typography moment.

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

-   All · #5789

## Details

- **Author**: Gazi Efe
- **Published**: 2026-06-10
- **Updated**: 2026-06-10
- **Added**: 2026-06-06
- **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