Skip to content

This is a responsive, animated word rotator component built with React and GSAP. It cycles through a set of words in a sentence, animating them vertically with smooth easing, while dynamically adjusting the container width to fit each word.

Notifications You must be signed in to change notification settings

andrexxrojas/Text-Rotator-Animation

Repository files navigation

Word Rotator

This is a responsive, animated word rotator component built with React and GSAP. It cycles through a set of words in a sentence, animating them vertically with smooth easing, while dynamically adjusting the container width to fit each word.

text-rotator-demo.mp4

Features

  • Smooth vertical animation for words using GSAP timelines.
  • Dynamically adjusts rotator width based on the current word.
  • Tracks the current word to maintain state even after font size changes.
  • Responsive to font size changes using ResizeObserver.

About

This is a responsive, animated word rotator component built with React and GSAP. It cycles through a set of words in a sentence, animating them vertically with smooth easing, while dynamically adjusting the container width to fit each word.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published