Hover Stretch Text

Hover Stretch Text is a fully responsive interactive text component that dynamically stretches and reacts to cursor movement. Add optional media between the text and customize the interaction directly in Framer.

Customize:

• Left and right text

• Font, weight, color, line height & letter spacing

• Side padding & media gap

• Media width & vertical padding

• Up to 4 images with dynamic switching

• Image fit & border radius

• Text compression & media stretch

• Image movement

• Response, damping & motion weight

• Return-to-center behavior

• Show or hide media

Fully responsive and automatically adapts the text to the available width.