---
title: "Playful Motion Text — Free Framer component · Best of Framer"
description: "Free Framer component · by archiv.studio · Text. Interactive hover text movement"
canonical: "https://framer.elliotli.dev/component/playful-motion-text"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Playful Motion Text

# Playful Motion Text

Interactive hover text movement

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

![Playful Motion Text preview image 1](https://framer.elliotli.dev/og/component/playful-motion-text/4a5b0119d8e4099c/1600x1200.jpg)

## Summary

Interactive hover text movement

## Description

About This Component Create engaging, interactive hover text with letters or words that move, rotate, and scale with the cursor. Fully customizable motion, triggers, and links make it perfect for playful or professional typography. Features Text Controls – Customize text content, color, and font. Link Support – Make text clickable, linking to a page, section, or external URL, with optional new tab behavior. Text Mode – Animate individual letters or full words. Interaction – Trigger animations on hover or cursor proximity. Movement Controls – Adjust movement amount and direction. Rotation Amount – Add subtle rotation to the motion. Scale on Hover – Slightly enlarge text during interaction. Stagger Amount – Offset animation timing between letters or words. Animation Speed – Control how fast the motion happens. Return Animation – Choose how text resets after interaction (smooth, snap, bounce). Motion Toggle – Enable or disable the animation for a static text state. Made For Designers, developers, and creators who want to add engaging, interactive text effects to websites . Perfect for headings, buttons, playful UI interactions, and more.

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

-   All · #2791

## Details

- **Author**: archiv.studio
- **Published**: 2026-03-31
- **Updated**: 2026-09-09
- **Added**: 2026-03-18
- **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