Skip to main content

Hub Flow

Integration nodes stream particles into a glowing core. Hover a node to light its path, click to send a burst.

  • 4.7 KB .bexode
  • 10 live inputs
  • Responsive fit Layout
Live runtime

Use it

The code follows your customizations. Install with npm i exodeui.

import { ExodeUICanvas } from 'exodeui';

// hub-flow.bexode goes in /public (download it below)
export function HubFlow() {
  return (
    <ExodeUICanvas
      src="/hub-flow.bexode"
      fit="Layout"   // responsive: redraws at any container size
      autoPlay
      interactive
      onTrigger={(name) => {
        // fires: 'nodeClick'
      }}
      style={{ width: '100%', height: 560 }}
    />
  );
}

Inputs

InputTypeDefaultRange
labelsTextStripe,Slack,Figma,GitHub,Notion,Linear,Vercel,Shopify—
coreTextexode—
nodesNumber83 – 12
speedNumber10.1 – 3
densityNumber51 – 16
inboundBooleantrue—
accentText#7c5cffhex colour
accent2Text#22d3eehex colour
textText#e8e9f0hex colour
bgText#07080chex colour

Events (via onTrigger): nodeClick