Gravity Text
A text component that simulates gravity effects on letters, creating engaging typography animations.
Make it with Workshop
Build your own component with AI
About this Component
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
