---
title: "Physics Text Hover — Free Framer component · Best of Framer"
description: "Free Framer component · by Surp Shahid · Text. Interactive particle text animations."
canonical: "https://framer.elliotli.dev/component/physics-text-hover"
---

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

# Physics Text Hover

Interactive particle text animations.

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

![Physics Text Hover preview image 1](https://framer.elliotli.dev/og/component/physics-text-hover/c58cd425df4acb5f/1600x1200.jpg)

## Summary

Interactive particle text animations.

## Description

Key Features:

-   **4 Interactive Modes:** Choose exactly how the text reacts to the user: _Hover Repel, Hover Attract, Hover Glitch,_ or _Click to Birth/Shatter_.
    
-   **Custom Physics Engine:** Dial in the exact feel of your animation. Control the Area of Effect (cursor radius), Force Strength, Snap Back Speed (spring tension), and Friction.
    
-   **High-Performance Canvas:** Built entirely on HTML5 Canvas, allowing for thousands of particles without dropping frames or lagging your Framer site.
    
-   **Color Mixing:** Blend a primary and secondary color. Adjust the exact percentage mix to match your site's professional color palette perfectly.
    
-   **Perfect Fit Content Layout:** Unlike old canvas elements, this component uses an invisible CSS buffer so it perfectly respects your layout flow without clipping.
    
-   **Granular Styling:** Choose between circle or square particles, adjust their exact size, and dial the particle density up or down.
    

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

-   All · #1252

## Details

- **Author**: Surp Shahid
- **Published**: 2026-06-12
- **Updated**: 2026-06-12
- **Added**: 2026-06-07
- **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