---
title: "Gravity Text  — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Danny · Text. Premium Typography Component"
canonical: "https://framer.elliotli.dev/component/gravity-text"
---

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

# Gravity Text

Premium Typography Component

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

![Gravity Text  preview image 1](https://framer.elliotli.dev/og/component/gravity-text/15130693a1112ba1/1600x1200.jpg)

## Summary

Premium Typography Component

## Description

This component applies a realistic gravity effect to text elements, making letters fall and settle based on physics properties. It offers customizable parameters such as gravity strength, delay, and easing functions to create various dynamic text animations. Easily integrate this component into your Framer projects for unique and interactive text effects.

Features:

-   Multiline animated text with real-time gravity interaction
    
-   Custom font selection from system and Google fonts
    
-   Adjustable font weight, style, and responsive sizing
    
-   Full control over line height, letter spacing, and text transform
    
-   Custom text alignment, color, and wrapping behavior
    
-   Tunable gravity radius, strength, return delay, and easing
    
-   Staggered animation and precise pointer interaction
    
-   Flexible content alignment options for layout control
    

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

-   All · #4543

## Details

- **Author**: Danny
- **Price**: $5.00
- **Published**: 2025-08-25
- **Updated**: 2026-10-12
- **Added**: 2025-08-14
- **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