Price Marquee

Live crypto prices and 24h change in a single scrolling bar. One script tag, no API key, about 7 KB gzipped.

Preview

Coins

BTC

ETH

USDT

BNB

SOL

XRP

USDC

DOGE

ADA

TRX

Theme

Direction

Position

Font

Speed40 px/s

Height44 px

Corner radiusPill

Colors

BackgroundTextUpDownBorder

Embed code

<script async src="https://widgets.chronowallet.org/v1/marquee.js"></script>
<chrono-price-marquee
  theme="dark"
></chrono-price-marquee>

Paste it where the bar should appear. Load the script once per page.

Attributes

coinsTop 10Comma-separated CoinGecko IDs, shown in this order. Up to 50.

themeautolight, dark, or auto (follows the visitor's system setting).

backgroundthemeAny CSS color. Overrides the theme.

text-colorthemeAny CSS color.

up-color / down-colorthemeColors for positive and negative 24h change.

border-colorthemeAny CSS color. Use transparent to remove the border.

speed40Scroll speed in pixels per second. 0 stops it.

directionleftleft or right.

positionstaticstatic, top or bottom. top and bottom pin the bar to the viewport.

z-index99Stacking order when pinned.

radius999Corner radius in px. Pinned bars default to 0.

height44Bar height in px, 32 to 72.

fontsystemsystem, or inherit to use your page's font.

pause-on-hovertrueSet to false to keep scrolling under the cursor.

Load the script once per page. You can place as many marquees as you like.
Prices refresh every 60 seconds and pause while the tab is in the background. Visitors who prefer reduced motion get a static, swipeable bar.
If your site has a Content Security Policy, allow https://widgets.chronowallet.org in script-src, connect-src and img-src.
The widget is free to use with the ChronoWallet attribution in place.