---
title: "Interactive Text — Free Framer component · Best of Framer"
description: "Free Framer component · by Zuheb Haseen · Text. Interactive Text is an interactive typography component that brings bold text to life."
canonical: "https://framer.elliotli.dev/component/interactive-text"
---

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

# Interactive Text

Magnetic type with endless styles.

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

![Interactive Text preview image 1](https://framer.elliotli.dev/og/component/interactive-text/bb4a4755838f2d18/1600x1199.jpg)

## Summary

Interactive Text is an interactive typography component that brings bold text to life.

## Description

**Interactive Text is an interactive typography component that brings bold text to life. Each letter responds individually to the visitor’s cursor, creating a smooth magnetic movement effect while a colorful glow follows the pointer in the background.**

**Users can customize:**

-   **Three editable text lines**
    
-   **Any font from the Framer library, including uploaded fonts**
    
-   **Font size and text color**
    
-   **Outer and inner glow colors**
    
-   **Glow size**
    
-   **Magnetic strength**
    
-   **Interaction radius**
    

**Letters smoothly move away from the cursor and return to position using spring-based animation. Hovering over individual letters creates a subtle scale effect.**

**Interactive Text is ideal for full-screen sections, portfolio headers, creative landing pages, poster-style layouts, studio websites, and interactive introductions. It requires no external assets or additional setup.**

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

-   All · #2191

## Details

- **Author**: Zuheb Haseen
- **Published**: 2026-08-04
- **Updated**: 2026-08-04
- **Added**: 2026-08-04
- **Categories**: Text

## More like this

-   [Hover Stretch Text](/component/hover-stretch-text) — 584.studio · $3 — Responsive & fully customizable
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing
-   [Odometer Stats](/component/odometer-stats) — Pixlify · Free — Rolling number counters
-   [Clipped Words](/component/clipped-words) — Interface Studio · $5 — Words With a Little Chaos