---
title: "Scrambly Text — Free Framer component · Best of Framer"
description: "Free Framer component · by gustavwf · Text. About this component Meet Scrambly Text, the best way to add scramble animation to text on your website."
canonical: "https://framer.elliotli.dev/component/scrambly-text"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Scrambly Text

# Scrambly Text

Animating text component

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

![Scrambly Text preview image 1](https://framer.elliotli.dev/og/component/scrambly-text/6dcfddf7f8d9e63a/1600x1200.jpg)

## Summary

About this component Meet Scrambly Text, the best way to add scramble animation to text on your website.

## Description

## About this component

Meet Scrambly Text, the best way to add scramble animation to text on your website. Add as many lines of text as you want, customize font, color, and animation speeds with ease.

Perfect for your hero title, loading states, price reveals, storytelling, or just to add some extra flair to your sections.

## Properties

• Text lines, as many as you want

• Font color and styling of your choosing for each line

• Optional BG color change animation

• Customize animation speeds to your liking

## Questions?

If you have any questions about this component, feel free to contact me [@gustavwf](https://x.com/gustavwf) or [hi@gustavwf.com](mailto:hi@gustavwf.com)

## Want more?

Find my works [here](https://gustavwf.supply/).

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

-   All · #4517

## Details

- **Author**: gustavwf
- **Published**: 2025-12-23
- **Updated**: 2026-02-10
- **Added**: 2025-12-05
- **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