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
Collins Abrusu
