---
title: "Hover Scale Text — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Munzir Kareem · Text. Hover-driven letter scaling effect"
canonical: "https://framer.elliotli.dev/component/hover-scale-text"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Hover Scale Text

# Hover Scale Text

Hover-driven letter scaling effect

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

![Hover Scale Text preview image 1](https://framer.elliotli.dev/og/component/hover-scale-text/5afa11caf769bc77/1600x1200.jpg)

## Summary

Hover-driven letter scaling effect

## Description

**Text Hover Scale** is a hover-driven text animation component. Each line becomes its own row of individually interactive letters — hover any letter and it scales up smoothly, with its neighbors scaling to a lesser degree, then easing back to rest when you move away.

**Features:**

-   Per-letter hover scaling with adjustable max scale and neighbor falloff
    
-   Auto-fit sizing — text scales to match your frame's width or width + height, just like a native Framer text layer
    
-   Customizable scale origin (top, center, or bottom)
    
-   Optional hover color, separate from the base text color
    
-   Full typography control (font, size, weight, letter spacing, line height)
    
-   Adjustable letter gap, row gap, and alignment (horizontal + vertical)
    
-   Configurable transition duration and easing curve
    
-   Uppercase toggle
    
-   Multi-line support — each line breaks into its own letter row automatically
    
-   Optimized for canvas and export: hover effects are automatically disabled during static rendering for clean thumbnails and exports
    

**Great for:**

-   Hero headlines and landing page titles
    
-   Portfolio and case study intros
    
-   Playful nav items or buttons
    
-   Any spot that needs a little personality on hover
    

**Refund Policy:** This is a digital product, so no refunds are offered once purchased.

[Component Demo](https://youtu.be/ICQR2XV8Xi8)

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

-   All · #3036

## Details

- **Author**: Munzir Kareem
- **Price**: $5.00
- **Published**: 2026-07-29
- **Updated**: 2026-07-29
- **Added**: 2026-07-29
- **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