Orbit Hub

Orbit Hub
Orbit Hub

About Orbit Hub

Show your whole stack in one picture

Orbit Hub is an animated integrations hub for Framer. Your logo sits in the center, the tools you connect float around it, and thin lines carry soft pulses toward the middle. Drop it into any SaaS, AI or product site and edit everything from the right panel.

Features

  • Two layouts: Constellation (floating nodes) and Orbit (two rings turning in opposite directions)

  • Light, dark or Auto, plus your own accent, card, text and line colors

  • Up to 18 nodes, each with a label, a built-in icon or your own logo, and an optional link

  • Pill or icon nodes, any corner radius, curved, straight or no lines, dashed or solid

  • Motion: Full, Subtle or Off, with a speed slider

  • Switches to icon-only nodes on small screens

  • Respects reduced motion and pauses when off screen

What's included

  • The IntegrationHub code component (no external libraries)

  • A demo page with a full integrations section and three style examples

Getting started

  1. Copy the component from the demo page into your project.

  2. Upload your logo as the center image.

  3. Edit the nodes: label, icon or logo, link.

  4. Pick a layout, theme and accent. Done.

Support

Questions or ideas? Reach me through devahsan.com.

Related Components

Scroll Sequences
FollowEyes
Optical Flipbook CMS
NumberOdometer