Sections

Integration Beams

Integration logos fire a synchronized wave of light pulses along drawn beams that converge on a central hub, which swells and ripples as they land together.

All components

Installation

ProRequires a Planes Pro license.

npx shadcn add @useplanes/integration-beams

Unlock with Planes Pro

$99 once · 54 Pro components · lifetime updates.

I have a license Get Pro

<IntegrationBeams
  items={[
    { icon: <Github />, label: "GitHub" },
    { icon: <Slack />, label: "Slack" },
    { icon: <Figma />, label: "Figma" },
    { icon: <Chrome />, label: "Chrome" },
  ]}
  hub={<YourLogo />}
/>

Use cases

Integrations section
Show the tools your product connects to, with data visibly flowing in.
AI pipeline diagram
Sources feeding a model or agent at the center of your landing page.
Data platform hero
Warehouses and APIs streaming into your platform's hub.
Ecosystem overview
Docs or about pages that map how services relate to your core.