Embeddable widgets: a chart on any site in one tag

Not every team that needs a live chart wants to integrate a WebSocket client. Sometimes the right amount of integration is one line of HTML.

One script, eight elements

Add the loader once, then use the widgets as custom elements anywhere in your markup:

<script src="https://cryhub.io/cryhub-widgets.js" async></script>

<cryhub-chart-widget coin="btc" pair="usdt" theme="dark"></cryhub-chart-widget>
<cryhub-orderbook-widget coin="eth" theme="light"></cryhub-orderbook-widget>

The full set: chart (candlesticks with pan/zoom and backward history), mini (compact sparkline card), ticker (24h stats), orderbook, depth (cumulative depth curve), trades (live tape), leaderboard (top gainers/losers/volume) and treemap (market heatmap).

Built for other people's pages

Widgets render inside an iframe, which buys three guarantees. Your host page's CSS can't break the widget; the widget's CSS can't leak into your page; and the embed can't read anything from the embedding site. Styling is pure scoped CSS — no Tailwind preflight, no font downloads forced on your visitors beyond the widget's own.

Attributes are live: change coin, pair, theme or tf from JavaScript and the element re-renders in place — no reload, no API. Both themes ship with the same warm palette the CryHub terminal uses, and every widget respects prefers-reduced-motion.

Configure without reading docs

The dashboard has a configurator for each widget type: pick coin, quote, theme and size, watch the live preview, copy the snippet. The generated embed omits every attribute that matches a default, so the code you paste stays minimal.

Widgets are the shallow end of the CryHub pool — when an embed stops being enough, the same data is one WebSocket away.