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).

UI surfaceTS 3 components

Part of Fancy MLM — 3 packages, one productSee the family

UI surface

3 components, each with a live demo, props table, and source.

+150 pts · L1

ButtonlivebetaCardRK

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

README GitHub npm Issues

Pairs with

fancy-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.

What next

Click any component for a live demo, props, and source — or install the package and go.

Fancy MLM All packages