ProximityTextFX

Text that reacts to cursor proximity

ProximityText FX is an interactive Framer component that gives typography a living, responsive motion. It tracks the user’s cursor (or touch) position and adjusts each letter’s variable font properties — like weight or optical size — based on proximity. As the cursor moves closer, letters smoothly shift between your defined “From” and “To” font settings, creating a fluid, natural animation. You can control the effect radius, choose a falloff curve (linear, exponential, or gaussian), and fully customize font styling including family, size, spacing, and color. Powered by requestAnimationFrame for smooth performance, ProximityText FX turns ordinary text into a captivating, real-time interactive experience.

Text that reacts to cursor proximity