Skip to content

component

Gravity Text

By Danny

Details

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

Introduction

Premium Typography Component

Rank history

Daily rank per list, from the first snapshot — lower is better.

110012001300130598/148/228/309/79/15
  • All · #3059