Component
Text Magnifier Component for Framer
This is a text magnifier component for Framer, recreated from Daniel's work, that playfully highlights and enlarges your text as you hover over. Feel free to copy the component and experiment with it!



About the resource
To use this component, simply input your desired text and adjust the range property to control the magnification intensity. The smoothing setting ensures fluid transitions as specific parts of your text enlarge. You can tweak the typography with your favorite font and color, and if you ever need to switch things up, the transform option lets you easily toggle between uppercase and lowercase. Finally, the balance, user select, and tag properties help maintain a clean layout, semantic integrity, and full responsiveness on every resize.
About the resource
To use this component, simply input your desired text and adjust the range property to control the magnification intensity. The smoothing setting ensures fluid transitions as specific parts of your text enlarge. You can tweak the typography with your favorite font and color, and if you ever need to switch things up, the transform option lets you easily toggle between uppercase and lowercase. Finally, the balance, user select, and tag properties help maintain a clean layout, semantic integrity, and full responsiveness on every resize.
About the resource
To use this component, simply input your desired text and adjust the range property to control the magnification intensity. The smoothing setting ensures fluid transitions as specific parts of your text enlarge. You can tweak the typography with your favorite font and color, and if you ever need to switch things up, the transform option lets you easily toggle between uppercase and lowercase. Finally, the balance, user select, and tag properties help maintain a clean layout, semantic integrity, and full responsiveness on every resize.

The text magnifier component properties in Framer.

The text magnifier component properties in Framer.

The text magnifier component properties in Framer.