Discover the best circletext websites created by professional designers. Get inspired and start planning your perfect circletext web design today!

TLDR; people seem to like this circular text with movement, so I thought I'd try and see if I couldn't hack in WF. I did. This is that.

Powered by circletype.js, it's a little wonky and weird with regards to how it's sized... but it works. Includes interactions for page load, scrolling through sections, and for page transitions.

Clone away, and let me know what you think in the comments!

Circle Text

Trendy AF Circular Text

This cloneable features a circular magnetic CTA & trailing custom cursor.

Circletype.js was used for the circular text. You can change the text and the circle radius will auto-calculate.

Inspired by the brilliant https://www.forstellar.com design by Jomor.

Circular CTA

Magnetic Call To Action

An infinite rotating circle with text. There is a timed action when the page has finished loading. The simple action has two keyframes, the first has a rotation of 359 degrees, the second 0. Then its just a case of setting it to loop.

Feel free to clone, adapt and use :)

Infinite Text Rotation Around Circle

infinite-text-rotation-around-circle

Circle text

Bolk Studio

Here are some of the small tips and line of code we have collected throughout the years.
Feel free to duplicate the project and make them yours!

Discover circletext websites built by the Webflow community

Discover circletext websites built by the Webflow community