Integration Beams

Integration Beams

Pro

Installation

ProRequires a Planes Pro license.

npx shadcn add @useplanes/integration-beams

Works once the @useplanes registry is set up in your project (one-time). After that, copy and run commands directly.

Unlock with Planes Pro

$99 once · 161 Pro components · lifetime updates.

I have a license Get Pro

import { IntegrationBeams } from "@/components/ui/IntegrationBeams";

<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.