---
title: "MagneticText — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Template Devs · Text. This component displays text where each character is pulled toward the mouse cursor when hovered nearby, with closer characters…"
canonical: "https://framer.elliotli.dev/component/magnetictext"
---

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

# MagneticText

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

![MagneticText preview image 1](https://framer.elliotli.dev/og/component/magnetictext/4b63c28b90f9d67a/1600x1200.jpg)

## Summary

This component displays text where each character is pulled toward the mouse cursor when hovered nearby, with closer characters moving and increasing in font weight more than…

## Description

This component displays text where each character is pulled toward the mouse cursor when hovered nearby, with closer characters moving and increasing in font weight more than distant ones, creating a magnetic gravity effect.

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

-   All · #8441

## Details

- **Author**: Template Devs
- **Price**: $5.00
- **Published**: 2025-11-27
- **Updated**: 2025-11-27
- **Added**: 2025-11-23
- **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