fancy-mlm-ui

@particle-academy/fancy-mlm-ui

React surfaces for the fancy-mlm referral engine — a controlled DownlineTree (unilevel / binary / matrix), a CommissionStatement ledger, and RankProgress toward the next tier. Pairs with particle-academy/fancy-mlm (PHP) or @particle-academy/fancy-mlm (Node).

TSUI · 3 components3 components

$npm install @particle-academy/fancy-mlm-ui

README →GitHub →npm →Issues →

Pairs withfancy-mlm fancy-mlm-js

Components

3 components · click any tile for a full demo, source, and install snippet.

DownlineTreeOpen →

Controlled network tree — collapsible nodes, per-member tier/volume, selection + onChange. Renders unilevel, binary, and matrix shapes from a flat member list.

CommissionStatementOpen →

Level	Recipient	Tier	Amount	Status
1	L1 · gold	gold	150 pts	paid
2	L2 · silver	silver	63 pts	paid
3	L3 · bronze	bronze	25 pts	pending
Total (paid)			213 pts

Per-period earnings ledger — level, source member, tier multiplier, and amount per row, with a paid/pending status and totals.

RankProgressOpen →

gold→ diamond

7 / 12 team members · 5 to diamond

Progress toward the next rank/tier — current volume vs threshold, with the requirement gap.