Rotating Circles

Rotating Circles

About Rotating Circles

About

Rotating circle component with 2, 4 or 8 elements inside it. Perfect for hero, bento or card sections. You can also change the rotation direction.

Live demo: https://gray-platform-641215.framer.app/preview

Features

  • Change direction: clockwise (Right) and counter clockwise (Left)

  • Select number of icons: 8, 4 and 2

  • Change icon color

  • Toggle background circle visibility

  • Change background circle color

  • Change background circle opacity

How to use

To change the content, just go inside the component and change the icons to whatever you want or you can replace the icons with something else.

Pro tip

Use two components with different size and set different direction for them to create the ultimate effect.