![](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>)
Word Switch
This component allows you to display a series of words that smoothly transition in and out with 3 different animations. It allows customization of text properties and native transitions, making it ideal for dynamic text displays.
Adjustable properties
Native font styling
Individual words color
Individual phrase color
Unlimited words cycle
Optional prefix and suffix
Speed
Native transition properties
3 different animation types
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.
