Text Weight Animator

This Text component animates the font weight of text based on scroll position.

It can be configured to animate when the component itself is scrolled into view or when a specific section on the page is scrolled.

It also supports loading Google Variable Fonts.

For a smooth animation experience in framer, make sure to turn on variable font option in framer if a font has it as this creates the best and smooth experinece in the scroll animation.