Crypto Widgets

Top Movers Widget

A compact 24h gainers and losers table with instant tab switching.

Demo

Light / dark, variants
Theme
View

Integration

Include the script once per page. Use any method below — all render the same widget.

1

Markup (auto)

Load the script, add an empty element with data-cw-movers, done. The table paints a skeleton first, then fills with data.

HTML
<script src="https://cdn.bubblenexus.com/widgets/v1/coin-widgets.js?v=1.4.1"></script>

<div
  data-cw-movers
  data-limit="10"
  data-view="both"
  data-theme="light"
></div>
2

JavaScript API

Create the table from JS when you need programmatic control, e.g. rendering it only for certain routes or users.

HTML + JS
<div id="movers"></div>

<script src="https://cdn.bubblenexus.com/widgets/v1/coin-widgets.js?v=1.4.1"></script>
<script>
  ChipWidget.movers({
    target: "#movers",
    limit: 10,
    view: "gainers",
    theme: "light",
    icon: true,
    link: false
  });
</script>

Options

In markup use data-*attributes; in the JavaScript API drop the data- prefix.

AttributeValuesDefaultDescription
data-limit1–5010How many rows to show per tab.
data-viewboth | gainers | losersbothWhich tab is active on load. losers starts on the Losers tab, anything else starts on Gainers — both tabs are always shown so visitors can switch.
data-themelight | darklightColour palette used by the table.
data-icontrue | falsetrueShow coin logos in the Coin column.