New
New
New
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!
![Graphic announcing a new text magnifier component in Framer, displayed with the phrase 'Text magnifier now in Framer' against a dark background](https://framerusercontent.com/images/XnLeZiFbnsPvYFz0zvbLAxJfRk.jpg)
![Graphic announcing a new text magnifier component in Framer, displayed with the phrase 'Text magnifier now in Framer' against a dark background](https://framerusercontent.com/images/XnLeZiFbnsPvYFz0zvbLAxJfRk.jpg)
![Graphic announcing a new text magnifier component in Framer, displayed with the phrase 'Text magnifier now in Framer' against a dark background](https://framerusercontent.com/images/XnLeZiFbnsPvYFz0zvbLAxJfRk.jpg)
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.
![Interface of the Text Magnifier component in Framer showing adjustable settings for text, range, smoothing, font, color, and more on a dark mode background](https://framerusercontent.com/images/BRsPyyo6cu7GZxUibewR6wvc0U.jpg)
The text magnifier component properties in Framer.
![Interface of the Text Magnifier component in Framer showing adjustable settings for text, range, smoothing, font, color, and more on a dark mode background](https://framerusercontent.com/images/BRsPyyo6cu7GZxUibewR6wvc0U.jpg)
The text magnifier component properties in Framer.
![Interface of the Text Magnifier component in Framer showing adjustable settings for text, range, smoothing, font, color, and more on a dark mode background](https://framerusercontent.com/images/BRsPyyo6cu7GZxUibewR6wvc0U.jpg)
The text magnifier component properties in Framer.