Free embeddable card · Stocks, options, futures, forex, bonds

Market Hours Widget: Is the Market Open, on Your Site

A Liquid Glass card that says whether the market is open right now, counts down to the next bell in the reader's local time and names the next holiday. Free, no tracking, one script tag. Pick a market and a theme, copy the snippet.

Configure

Market Theme

Preview

Live, on this page's background

Your snippet

Keep the link inside the box, that is the attribution

<!-- Live market hours card by BellHours.com -->
<div class="bellhours-widget" data-market="stocks" data-theme="auto">
  <a href="https://bellhours.com/" rel="noopener">Bell Hours</a>
</div>
<script async src="https://bellhours.com/widget.js"></script>

Attribution rules

How it works

The script finds every .bellhours-widget element, loads the schedule from bellhours.com/markets.json (the same file this site and the Bell Hours app use, compiled from the NYSE, Nasdaq, SIFMA, Cboe and CME calendars) and renders the card inside a Shadow DOM. The status is computed in the reader's browser from the New York clock, so it is right to the second and needs no server call after the first load. The anchor you paste is projected through a <slot> into the line under the card: it is your HTML, visible, and crawlable without JavaScript.

Theme auto follows the reader's system setting; use light or dark to pin it to your design. In every theme the card is green while the regular session is open and red once the bell has rung.

Frequently asked questions

Is the widget free?

Yes. The free card is exchanged for the visible link under it, the same deal as the SeaTempMap widget: keep the anchor in the snippet and the card is yours to use on any site.

Does it slow my page down?

No. One 9 KB script loaded async, one small JSON fetch cached by the browser, no images, no fonts, no third-party trackers. The card renders inside a Shadow DOM so it cannot touch your CSS and your CSS cannot break it.

Which time zone does it show?

The countdown and the next bell are converted to the reader's own time zone in their browser; the exchange time is printed in ET beside it.

Can I remove the link under the card?

Not on the free card. It is the attribution that pays for the widget, and hiding a link is exactly what search engines discount. A licensed version without the line may come later.

Does it work on WordPress, Webflow, Squarespace, Notion?

Anywhere you can paste an HTML block: WordPress (Custom HTML block), Webflow (Embed), Squarespace (Code block), Ghost, Shopify. Notion does not run third-party scripts.

Where to next

"; var mk = document.getElementById("w-market"), th = document.getElementById("w-theme"), code = document.getElementById("w-code"), prev = document.getElementById("w-preview"); function update() { code.value = tpl.replace("{market}", mk.value).replace("{theme}", th.value); prev.innerHTML = ''; if (window.BellHoursWidget) window.BellHoursWidget.renderAll(); } mk.addEventListener("change", update); th.addEventListener("change", update); document.getElementById("w-copy").addEventListener("click", function () { code.select(); try { navigator.clipboard.writeText(code.value); this.textContent = "Copied"; } catch (e) { document.execCommand("copy"); } }); })();