Widget Documentation

Face-Off Bar

Binary prediction visualizer perfect for politics, sports, and any head-to-head matchup.

Embed Code

<!-- React/Next.js -->
<FaceOffBar
  optionA={{
    label: 'Harris',
    percentage: 52,
    color: 'blue'
  }}
  optionB={{
    label: 'Trump',
    percentage: 48,
    color: 'orange'
  }}
  clickUrl="https://pmxt.dev"
  height={50}
  theme="light"
  showShadow={true}
/>

<!-- HTML Embed -->
<iframe 
  src="https://widgets.pmxt.dev/face-off-bar?a=Harris&a_pct=52&b=Trump&b_pct=48&theme=light&shadow=1" 
  width="100%" 
  height="120" 
  frameborder="0"
></iframe>

Customization

Configure your widget

Market URL

Paste link(s) from Polymarket, Kalshi, or Limitless (separated by space)

Theme Mode

Font Stack

Drop Shadows

Enable neo-brutalist depth