From our sponsor: Ship fast and never break a thing with Shortcut (formerly Clubhouse.io).
The idea of using circular typography is really awesome and therefore I wanted to explore some animations with it. To do this, I used an SVG with texts on circular paths. There’s a really great article by Amelia Bellamy-Royds that explains how to make them, it’s a great read: Perfecting Paths for <textPath>
I thought it would be nice to make some kind of intro animation and play with different scale effects. There are a lot of possibilities, for the look and for the feel of the animation. So here are three demos for you to explore and hopefully they give you some inspiration for some circular motion design.
Let me know what you think and thank you for checking by!