Need a custom feature? We can help!

Orbiting Circles Component

StartupFast.dev's Orbiting Circles component provides an engaging way to display icons or logos in circular orbits around text, creating a visually appealing and interactive presentation of your app's integrations or features.

Orbiting Circles component

Usage

1import { OrbitingCirclesDefault } from "@/components/orbiting-circles/orbiting-circles-default";
2
3<OrbitingCirclesDefault text="Your Text" />;

From: magic ui The component supports customization through props:

  • text: The text to display in the center
  • duration: Animation duration in seconds
  • delay: Animation delay in seconds
  • radius: Orbit radius in pixels
  • reverse: Boolean to reverse animation direction

Tip: Use the Orbiting Circles component to showcase your app's integrations or key features in a dynamic way - the continuous motion naturally draws attention and can increase engagement by up to 40% compared to static displays.

Related Documentation