Discover the best circle websites created by professional designers. Get inspired and start planning your perfect circle 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

------------------------
Warning! 
I try to put all the projects for copying, so you can reuse them and learn something new.

But you don't get the likes, which supports me. 

Please, give me a "like" if you copy the project
------------------------

Digital Agency in New York City, Chicago & Paris. Clients include Mastercard, Barclays, Adobe, BMW, Ducati etc.

circle

circle-flow

New year! New website!
Today I am sharing with you my new studio website!
Building everything from scratch is always a big challenge.
I still have to polish some things, but I hope you like it.
Stay tuned for future upgrades!
Carefully #MadeInWebflow

Antonio's Amazing Experimental Project

Let Your Brand stand out from the crowd.

Personal creative website for artist couple The Circle & The Square. Enjoy!

The Circle & The Square Site

thecircleandthesquare

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

Jin Chuah

This is a collection of fully customizable, animated Gauge & Progress Circle for data visualization or dashboard. You can customize:
- color
- stroke width
- stroke linecap
- stroke length (percentage)

All done natively in Webflow with IX2 and just a few lines of CSS. Just copy and paste one of the modules and start customizing!

If this made your day, consider https://www.buymeacoffee.com/jinchuah

Data Visualization : Gauge & Progress Circle Animation (Lottie)

Janguru, who mean Jungle in Japanese, is a recruitment and headhunting company create by Balerein Aranda Arestizabal. I create this website who want to break the corporate image of HR website and be closer to her creative clients.

Janguru

The Vör is a monthly newsletter connecting women with information about work, money and mindset.

the-vor

The Vör

These animated loaders and switch buttons are made with simple divs and interactions2.0. 
No custom code. 

 --> Turn ON/OFF any upper buttons to see individual loader animate

Inspired by - Concentric Circles, Louis Hoebregts

Loader Circles

Loading Spinners

BKX is a utility token used in MainWallet. On the website we needed to show what BKX investors can gain.

BKX Token

BKX token

Hi my gorgeous friends of Webflow,

By playing with Webflow interactions and animations, and a bit of jQuery, you can create a growing circle animation on hover that follows cursor position.

And there is also a fancy image revealing animation on page load, if you wanna check it out! :)

Enjoy, clone, and feel free to leave a comment!

Have an awesome Webflow journey y'all,
Francesco

P.S. Feel free to visit my YouTube channel:
https://www.youtube.com/@francescocastronuovo

Growing Circle Animation Gallery

Cursor Following Growing Circle Animation

Bookmark

Loader Animation

058 - 100 days of @webflow interactions

Circles Along Circle Stroke Loader

#58 Loader Animation

Take a look at the tasty design of our non-profit project.

The website is using friendly and bright colors to promote the activities to support local communities on the edge of society. Check the live site to get the feeling of smooth motion  that makes customer experience enjoyable.

Kresťanská Rómska Misia ❤️

Non-profit website - small family charity project

Just thought it was little different but still nice and clean. 

BG Image Hero Section

Neat Background Hero Texture

Moving Circles

064 - 100 days of @webflow interactions

#64 Particles

#64 Moving Circles

Circle Painting | Draw All You Can

RIHA ADVIESBURO VOOR COMPLEXE VERANDER VRAAGSTUKKEN

Basis voor het goede gesprek is een informele openheid waarbij men zich kwetsbaar durft op te stellen. Dit lukt alleen als de vraag voor hulp autonoom ontstaat en de daarbij geboden hulp oprecht is, en vrij van een ‘ uurtje factuurtje’ gedachte.

Discover circle websites built by the Webflow community

Discover circle websites built by the Webflow community