---
title: "Gravity Type — Framer component · Best of Framer"
description: "$5.00 · Framer component · by DariStudio · Text. Gravity Type turns a headline into a physics toy: on click the letters drop, bounce off the bottom of the frame and settle — click again…"
canonical: "https://framer.elliotli.dev/component/gravity-type"
---

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

# Gravity Type

Headline with falling letters

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

![Gravity Type preview image 1](https://framer.elliotli.dev/og/component/gravity-type/52928a1638ef5493/1600x1200.jpg)

## Summary

Gravity Type turns a headline into a physics toy: on click the letters drop, bounce off the bottom of the frame and settle — click again and they glide back into place.

## Description

Gravity Type turns a headline into a physics toy: on click the letters drop, bounce off the bottom of the frame and settle — click again and they glide back into place. Or set the trigger to On View and the drop fires once as visitors scroll to it. Tune gravity, bounce and sideways scatter with sliders, pick any font and color (Inter Extra Bold by default). The scatter is deterministic, so the animation replays identically every time. On the canvas and in exports the headline stays assembled and static.

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

-   All · #4492

## Details

- **Author**: DariStudio
- **Price**: $5.00
- **Published**: 2026-07-15
- **Updated**: 2026-07-15
- **Added**: 2026-07-15
- **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