Integration Arc

IntegrationArc

A fully customizable Framer component that displays your integration logos orbiting in a smooth, continuous 360-degree loop.

How it works

Logos are uploaded directly via the Properties panel using Framer's native image picker, making it easy to swap or reorder without touching any code. The orbit is a perfect circle, and the rotation uses a requestAnimationFrame loop for smooth, jank-free animation.

Variables

• Container Size — Sets the overall width and height of the component

• Orbit Radius — Controls how far logos travel from the center

• Logo Size — Sets the diameter of each logo

• Rotation — Speed of the orbit in seconds per full turn; lower is faster

• Background — Defaults to transparent to sit seamlessly over any section

Design

Each logo is rendered as a circular image with no borders or shadows, keeping the look clean and adaptable to any background color or image in your Framer project.

Use cases

• Integrations section — Showcase the tools and platforms your product connects with

• Tech stack — Display the technologies your team or product is built on

• Partners — Highlight partner brands or ecosystem members

• Social proof — Orbit the logos of notable customers or investors around a central claim