Word Ring
A ring of words that turns, then spins back on scroll.
A Pro component: the live demo and the code come with Pro.
Settings
Pro- radius
- turn
- swing
- tilt
- duration
- trigger
What it does
Word Ring is a text animation ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called radial text, word sun or circular word list.
Words point outward like rays around an empty centre. Scroll and the ring turns one way, then spins back the other, each ray bending behind the motion and straightening when it stops. The words stay in the page for screen readers.
With Pro
The AI prompt, the React component, the plain JavaScript file and the embed come with Pro, along with the live demo. Every setting is optional: with none, you get the effect as the preview shows it.