Branch Flow
Signals originate from a root source, travel along branching bezier splines to child nodes, and pulse on arrival.
- 3.7 KB .bexode
- 8 live inputs
- Responsive fit Layout
Use it
The code follows your customizations. Install with npm i exodeui.
import { ExodeUICanvas } from 'exodeui';
// branch-flow.bexode goes in /public (download it below)
export function BranchFlow() {
return (
<ExodeUICanvas
src="/branch-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 |
|---|---|---|---|
root | Text | Source | — |
branches | Text | Auth,Database,Storage,Edge,AI | — |
speed | Number | 1 | 0.1 – 4 |
density | Number | 6 | 2 – 20 |
accent | Text | #5e17eb | hex colour |
accent2 | Text | #00d68f | hex colour |
text | Text | #f2f4f8 | hex colour |
bg | Text | #08070d | hex colour |
Events (via onTrigger): nodeClick