Skip to content

Gravity Text

Premium Typography Component

Gravity Text  preview image 1

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 →

120014001600167758/149/59/2710/1911/10
  • All · #4543

Details

More like this