yourpropfirm / traders v4.18.2

FUNDED TRADERS

{funded.toLocaleString()}

+{delta} this week

{baseBars.map((base, i) => { // Per-bar slow oscillation; phase offset by index keeps it organic. const wobble = Math.sin((tick + i * 1.7) * 0.55) * 3; const isAccent = i > 22; // Newest bar (last) gets a stronger pulse synced with the live tick. const pulse = i === 29 ? Math.abs(Math.sin(tick * 0.9)) * 4 : 0; const h = base + wobble + pulse; return (

); })}

{visible.map((r,i)=>(

{r[0]} {r[1]} {r[2]} {r[3]} {r[4]}

))}

); }; const QuantSentryUI = () => { const [tick, setTick] = React.useState(0); const [risk, setRisk] = React.useState(0.42); const [flagged, setFlagged] = React.useState(46); const [investigations, setInvestigations] = React.useState(12); const [alertIdx, setAlertIdx] = React.useState(0); const ALERTS = [ {id:'RX-2034', time:'14:02:11', sev:'HIGH', sevColor:'danger', title:'Latency arbitrage pattern · acct 80213', meta:'7 trades · venue B → venue C · avg edge 38ms · confidence 0.94'}, {id:'RX-2035', time:'14:02:47', sev:'MED', sevColor:'warn', title:'Stop-hunt cluster · acct 79914 + 2', meta:'12 trades · venue A · spread anomaly · confidence 0.81'}, {id:'RX-2036', time:'14:03:04', sev:'HIGH', sevColor:'danger', title:'Group-coordinated entries · 4 accts', meta:'cluster id #C-118 · venue B · t-delta < 80ms · confidence 0.91'}, {id:'RX-2037', time:'14:03:22', sev:'LOW', sevColor:'text-2', title:'News-window scalp · acct 80411', meta:'NFP +14ms · 1 trade · within tolerance · confidence 0.62'}, ]; // Steady tick drives heatmap breathing + counter jitter. React.useEffect(() => { const id = setInterval(() => setTick(t => t + 1), 600); return () => clearInterval(id); }, []); // Counters drift slowly to feel live without distracting. React.useEffect(() => { const id = setInterval(() => { setRisk(r => { const next = r + (Math.random() - 0.5) * 0.04; return Math.max(0.18, Math.min(0.78, parseFloat(next.toFixed(2)))); }); setFlagged(f => Math.max(28, f + (Math.random() < 0.55 ? 1 : -1))); setInvestigations(i => { if (Math.random() < 0.18) return Math.max(8, i + (Math.random() < 0.5 ? 1 : -1)); return i; }); }, 1800); return () => clearInterval(id); }, []); // Cycle alerts every ~3.2s. React.useEffect(() => { const id = setInterval(() => setAlertIdx(a => (a + 1) % ALERTS.length), 3200); return () => clearInterval(id); }, []); const a = ALERTS[alertIdx]; // Risk color follows magnitude. const riskColor = risk < 0.5 ? 'var(--accent)' : risk < 0.7 ? 'var(--warn)' : 'var(--danger)'; return (

quantsentry / live · all venues SCORING

{[ ['Risk index', risk.toFixed(2), 'normal', riskColor], ['Auto-flagged', String(flagged), 'last 1h', 'var(--warn)'], ['Investigations', String(investigations), 'open', 'var(--text)'], ].map(([k,v,d,col],i)=>(

{k}

{v}

{d}

))}

PATTERN HEATMAP · LAST 24H

{Array.from({length:24*5}).map((_,i)=>{ // Base intensity: same recipe as before so the heatmap shape is recognisable. const base = (Math.sin(i*0.3)+Math.cos(i*0.17)+1.2)/3; // Slow breathing per cell, phase-offset by index. const breathe = (Math.sin((tick + i * 0.9) * 0.4) + 1) / 2; // 0..1 // Right-most column ("now") gets a stronger live pulse. const col = i % 24; const isNow = col >= 22; const live = isNow ? Math.abs(Math.sin(tick * 0.7 + i)) * 0.35 : 0; const v = Math.max(0.06, base * (0.7 + breathe * 0.4) + live); const op = Math.max(0.06, Math.min(0.95, v * 0.9)); return (

); })}

00:0006:0012:0018:00now

{a.id} · {a.time} {a.sev}

{a.title}

{a.meta}

); }; const BrokerUI = () => { const TARGETS = [12840, 4210, 3108, 2894, 2612]; const LABELS = ['Lead','KYC','Funded','Active','Retained']; const [counts, setCounts] = React.useState(TARGETS.map(v => Math.round(v * 0.97))); const [partners, setPartners] = React.useState(892); const [tick, setTick] = React.useState(0); const [hotChip, setHotChip] = React.useState(0); const CHIPS = ['cTrader','MatchTrader','DXTrade','API','KYC-1','KYC-2','PSP-A','PSP-B','BI']; // Animate counters up to target on mount. React.useEffect(() => { let raf; const start = performance.now(); const from = TARGETS.map(v => Math.round(v * 0.97)); const dur = 1300; const loop = (t) => { const k = Math.min(1, (t - start) / dur); const eased = 1 - Math.pow(1 - k, 3); setCounts(TARGETS.map((to, i) => Math.round(from[i] + (to - from[i]) * eased))); if (k < 1) raf = requestAnimationFrame(loop); }; raf = requestAnimationFrame(loop); return () => cancelAnimationFrame(raf); }, []); // Funnel-style live updates: each tick, Lead gets a few new entries; sometimes // those cascade down the funnel with decreasing probability per stage. React.useEffect(() => { const id = setInterval(() => { setCounts(prev => { const next = [...prev]; next[0] += 1 + Math.floor(Math.random() * 3); // Cascade: each stage has a probability of incrementing too. const probs = [1, 0.55, 0.4, 0.35, 0.3]; for (let i = 1; i < next.length; i++) { if (Math.random() < probs[i]) next[i] += 1; } return next; }); }, 1700); return () => clearInterval(id); }, []); // IB partners drift up occasionally; bar tick driver. React.useEffect(() => { const id = setInterval(() => setTick(t => t + 1), 650); return () => clearInterval(id); }, []); React.useEffect(() => { const id = setInterval(() => { if (Math.random() < 0.55) setPartners(p => p + 1); }, 2400); return () => clearInterval(id); }, []); // Cycle the "active heartbeat" highlight across integration chips. React.useEffect(() => { const id = setInterval(() => setHotChip(h => (h + 1) % CHIPS.length), 900); return () => clearInterval(id); }, []); return (

broker / clients · pipeline EU + APAC

CLIENT LIFECYCLE · LAST 30D

{LABELS.map((k,i)=>(

{k.toUpperCase()}

{counts[i].toLocaleString()}

))}

IB NETWORK

{partners} partners

{Array.from({length:24}).map((_,i)=>{ const base = 6 + Math.abs(Math.sin(i*0.7))*16; const wobble = Math.sin((tick + i * 1.3) * 0.6) * 2.5; const h = Math.max(4, base + wobble); return (

); })}

INTEGRATIONS

126 active

{CHIPS.map((t,i)=>{ const hot = i === hotChip; return ( {t} ); })}

); }; // ===== QuantCX — CX / engagement console ===== const QuantCXUI = () => { const [open, setOpen] = React.useState(284); const [resolved, setResolved] = React.useState(71); const [tick, setTick] = React.useState(0); React.useEffect(() => { const id = setInterval(() => { setTick(t => t + 1); if (Math.random() < 0.5) setOpen(o => Math.max(240, Math.min(320, o + (Math.random()<0.5?-1:1)*2))); if (Math.random() < 0.3) setResolved(r => Math.max(66, Math.min(78, r + (Math.random()<0.5?-1:1)))); }, 1100); return () => clearInterval(id); }, []); const convos = [ ['CHAT','Payout ETA · acct 80213','auto','accent'], ['EMAIL','KYC document resubmit','agent','text'], ['CHAT','Challenge reset request','auto','accent'], ['TICKET','Platform login · 2FA','open','warn'], ]; const channels = [['Chat',54],['Email',28],['Ticket',18]]; return (

quantcx / inbox · omnichannel LIVE

{[['Open convos', open.toLocaleString(), 'var(--text)'],['Auto-resolved', resolved+'%', 'var(--accent)'],['Trader CSAT', '94%', 'var(--accent)']].map(([k,v,c],i)=>(

{k}

{v}

))}

CHANNEL MIX · 24H

{channels.map(([n,pct],i)=>(

{n} · {pct}%

))}

{convos.map((c,i)=>(

{c[0]} {c[1]} {c[2]}

))}

); }; // ===== PropTradeGroup — managed white-label prop firm ===== const PropTradeGroupUI = () => { const [funded, setFunded] = React.useState(1284); const [tick, setTick] = React.useState(0); const bars = React.useMemo(() => Array.from({length:26}, (_,i)=> 14 + Math.abs(Math.sin(i*0.55))*30 + i*0.7), []); React.useEffect(() => { const id = setInterval(() => { setTick(t=>t+1); if (Math.random()<0.4) setFunded(f=>f+1); }, 1000); return () => clearInterval(id); }, []); return (

proptradegroup / overview · managed WHITE-LABEL

FUNDED TRADERS · MANAGED

{funded.toLocaleString()}

40+ brands

{bars.map((base,i)=>{ const h = base + Math.sin((tick+i*1.6)*0.55)*3; return

19?'var(--accent)':'rgba(255,255,255,0.18)', borderRadius:1, transition:'height 600ms cubic-bezier(0.4,0,0.2,1)'}}/>; })}

{[['Payouts · MTD','$4.8M','accent'],['Run by QTG','Risk · Support · Ops','text']].map(([k,v,c],i)=>(

{k}

{v}

))}

); }; // ===== TradoPay — payments / payout treasury ===== const TradoPayUI = () => { const [queueStart, setQueueStart] = React.useState(0); const QUEUE = [ ['$8,420','USDT · TRC20','approved','accent'], ['€1,800','SEPA','processing','warn'], ['$14,210','Wire · USD','approved','accent'], ['$2,310','Card refund','queued','text'], ['$5,890','USDT · ERC20','approved','accent'], ]; React.useEffect(() => { const id = setInterval(() => setQueueStart(s => (s+1)%QUEUE.length), 2600); return () => clearInterval(id); }, []); const visible = Array.from({length:4}, (_,i)=>QUEUE[(queueStart+i)%QUEUE.length]); const rails = ['SEPA','SWIFT','USDT','USDC','Card','Wire']; return (

tradopay / treasury · payouts T+0

{[['Settled · 24h','$2.84M','accent'],['Recon match','99.6%','accent']].map(([k,v,c],i)=>(

{k}

{v}

))}

PAYOUT QUEUE

{visible.map((r,i)=>(

{r[0]} {r[1]} {r[2]}

))}

{rails.map((t,i)=>({t}))}

); }; Object.assign(window, { PlatformsSection });

Branded platforms running real trading operations today.

{name}