![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><g d="M 17.036 16.071 L 3.536 16.071 C 2.65 16.071 1.929 15.35 1.929 14.464 L 1.929 11.25 C 1.929 10.717 1.497 10.286 0.964 10.286 C 0.432 10.286 0 10.717 0 11.25 L 0 14.464 C 0.001 16.416 1.584 17.999 3.536 18 L 17.036 18 C 17.568 18 18 17.568 18 17.036 C 18 16.503 17.568 16.071 17.036 16.071 Z M 13.539 0.283 C 13.162 -0.094 12.551 -0.094 12.174 0.283 C 11.798 0.659 11.798 1.27 12.174 1.647 L 14.707 4.18 L 11.571 4.18 C 8.027 4.18 5.143 7.064 5.143 10.608 C 5.143 11.141 5.575 11.573 6.107 11.573 C 6.64 11.573 7.071 11.141 7.071 10.608 C 7.071 8.127 9.09 6.108 11.571 6.108 L 14.707 6.108 L 12.174 8.641 C 11.809 9.019 11.814 9.621 12.186 9.993 C 12.557 10.365 13.159 10.371 13.537 10.005 L 17.716 5.827 C 17.897 5.646 17.999 5.4 17.999 5.145 C 17.999 4.889 17.897 4.643 17.716 4.462 L 13.537 0.284 Z" fill="transparent" height="18px" id="Z7MyMvAGJ" transform="translate(1 1)" width="18px"><g opacity="0.4"><path d="M 17.036 5.786 L 3.536 5.786 C 2.65 5.786 1.929 5.065 1.929 4.179 L 1.929 0.964 C 1.929 0.432 1.497 0 0.964 0 C 0.432 0 0 0.432 0 0.964 L 0 4.179 C 0.001 6.131 1.584 7.713 3.536 7.714 L 17.036 7.714 C 17.568 7.714 18 7.283 18 6.75 C 18 6.218 17.568 5.786 17.036 5.786 Z" fill="rgb(247, 247, 247)" height="7.714428914061898px" id="EIf7EERTU" transform="translate(0 10.286)" width="18px"/></g><path d="M 8.396 0.283 C 8.019 -0.094 7.408 -0.094 7.032 0.283 C 6.655 0.659 6.655 1.27 7.032 1.647 L 9.564 4.18 L 6.429 4.18 C 2.884 4.18 0 7.064 0 10.608 C 0 11.141 0.432 11.573 0.964 11.573 C 1.497 11.573 1.929 11.141 1.929 10.608 C 1.929 8.127 3.947 6.108 6.429 6.108 L 9.564 6.108 L 7.032 8.641 C 6.666 9.019 6.671 9.621 7.043 9.993 C 7.414 10.365 8.016 10.371 8.394 10.005 L 12.573 5.827 C 12.754 5.646 12.856 5.4 12.856 5.145 C 12.856 4.889 12.754 4.643 12.573 4.462 L 8.394 0.284 Z" fill="rgb(247, 247, 247)" height="11.572595196411214px" id="Ha_t3VDsa" transform="translate(5.143 0)" width="12.855651277727503px"/></g></svg>)
Scroll Word Reveal
This component allows you to dynamically reveal words in a phrase based on the user's scroll position. Words can fade in or be highlighted in a specific color as the user scrolls down the page, adding a dynamic and interactive reading experience.
Adjustable properties
Native font styling
Main color
Base opacity
Offset trigger
Words switching trigger
Highlight words by color
Always visible words
How do I use it?
If you have Premium access simply click Open Plugin in Framer and you can insert the component into canvas from the Plugin, if you are purchasing it individually you will receive a Remix link with instructions. It will appear in your left sidebar in the Assets tab under components - Eleveight Supply folder. From there you can drag it into your canvas for a new instance.
