Get everything for $99, lifetime

Components

Radial Hub Diagram

Pro

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/radial-hub-diagram

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 licenseGet Pro
import { RadialHubDiagram } from "@/components/ui/RadialHubDiagram";

<RadialHubDiagram
  nodes={[
    { label: "Auth", icon: <KeyRound /> },
    { label: "Search", icon: <SearchIcon /> },
    { label: "Cache", icon: <Zap /> },
    { label: "Queue", icon: <List /> },
    { label: "Storage", icon: <Database /> },
    { label: "Metrics", icon: <BarChart /> },
  ]}
  center={<Cpu />}
/>

Use cases

  • Integration diagrams

    Show every service or device that connects through your platform.

  • Feature hubs

    A landing-page graphic that puts your product at the center of its ecosystem.

  • Architecture overviews

    A quick visual of services fanning out from a core API or gateway.

  • Docs and onboarding

    Orient new users around what plugs into the thing they just installed.