The Elastic Tether Animated Text Effect

TextAnimatedCSSFuturisticPlayful & Creative

Enhance your interface with this The Elastic Tether Animated Text Effect - a modern UI component.Here is the "Elastic Tether".This component simulates tactile physics. Unlike the previous "Repulsor" which acted like a magnetic field, this component acts like physical matter. It uses Hooke’s Law (Spring Physics) and Momentum Transfer.When your mouse "hits" a letter, it transfers its kinetic energy (velocity) to that letter. The letter is then pulled back to its original position by a virtual spring, creating a satisfying, oscillating "snap" effect.Component Name: The Elastic TetherDescriptionA highly tactile typography component where every letter behaves like a physical object suspended on an invisible elastic string.Momentum Physics: Uses vector mathematics to calculate the speed and direction of the mouse collision and transfers that energy to the letter.Hooke's Law: Implements $F = -k cdot x$ (Spring Force) and Damping to create realistic oscillation as the letter settles.Stretch Deformation: The letter visually stretches (scales) based on its velocity, simulating high-speed motion blur or material elasticity.

Live Preview