Brokeret Widgets
Live
Embeddable real-time market data widgets for any website
Ticker Tape
Horizontal scrolling ticker with live prices. Pauses on hover.
Copy <div class ="brokeret-ticker"
data-symbols ="EURUSD,BTCUSD,XAUUSD,GBPUSD"
data-theme ="dark"
data-speed ="35" ></div>
<script src ="https://widgets.brokeret.com/ticker-tape.js" async ></script>
Price Cards
Single-symbol cards showing live bid/ask with spread. Perfect for sidebars and dashboards.
Copy <div class ="brokeret-price-card"
data-symbol ="BTCUSD"
data-theme ="dark" ></div>
<script src ="https://widgets.brokeret.com/price-card.js" async ></script>
Market Overview
Live sortable table with bid, ask, spread, and direction indicators.
Copy <div class ="brokeret-market-overview"
data-symbols ="EURUSD,GBPUSD,BTCUSD,XAUUSD"
data-theme ="dark"
data-title ="Market Overview" ></div>
<script src ="https://widgets.brokeret.com/market-overview.js" async ></script>
Price Banner
Full-width hero banner with large price display. Ideal for landing pages and headers.
Copy <div class ="brokeret-price-banner"
data-symbol ="BTCUSD"
data-theme ="dark" ></div>
<script src ="https://widgets.brokeret.com/price-banner.js" async ></script>
Mini Chart
Live sparkline chart built from real-time ticks. No historical data needed.
Copy <div class ="brokeret-mini-chart"
data-symbol ="BTCUSD"
data-theme ="dark"
data-points ="60" ></div>
<script src ="https://widgets.brokeret.com/mini-chart.js" async ></script>
Top Movers
Auto-ranked list of most active symbols by price movement.
Copy <div class ="brokeret-top-movers"
data-symbols ="EURUSD,GBPUSD,BTCUSD,XAUUSD"
data-theme ="dark"
data-title ="Top Movers" ></div>
<script src ="https://widgets.brokeret.com/top-movers.js" async ></script>
Heatmap
Color-coded grid showing price direction intensity. Tiles glow green/red based on movement.
Copy <div class ="brokeret-heatmap"
data-symbols ="EURUSD,GBPUSD,BTCUSD,XAUUSD"
data-theme ="dark"
data-cols ="3" ></div>
<script src ="https://widgets.brokeret.com/heatmap.js" async ></script>
Currency Converter
Live conversion using real-time bid rates. Swap direction with one click.
Copy <div class ="brokeret-currency-converter"
data-symbol ="EURUSD"
data-theme ="dark" ></div>
<script src ="https://widgets.brokeret.com/currency-converter.js" async ></script>
Configuration
All widgets support these data-* attributes:
data-symbols Comma-separated symbol list (e.g. "EURUSD,BTCUSD,XAUUSD")
data-symbol Single symbol for Price Card (e.g. "BTCUSD")
data-theme "dark" (default) or "light"
data-speed Ticker scroll speed in seconds (default: "40")
data-title Market overview title text
Licensing
Free to use with Brokeret branding. Remove branding with a commercial license.
Community
All widgets with "Powered by Brokeret" branding included
Free
White Label
No branding, custom API key, dedicated connection limits, priority support
Get Started