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
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
| Input | Type | Default | Range |
|---|---|---|---|
labels | Text | Stripe,Slack,Figma,GitHub,Notion,Linear,Vercel,Shopify | — |
core | Text | exode | — |
nodes | Number | 8 | 3 – 12 |
speed | Number | 1 | 0.1 – 3 |
density | Number | 5 | 1 – 16 |
inbound | Boolean | true | — |
accent | Text | #7c5cff | hex colour |
accent2 | Text | #22d3ee | hex colour |
text | Text | #e8e9f0 | hex colour |
bg | Text | #07080c | hex colour |
Events (via onTrigger): nodeClick