Bell Hours

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

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

Preview

Live, on this page's background

Your snippet

Keep the link inside the box, that is the attribution

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 market is the Bell Hours identity: the card is light and blue while the regular session is open and turns dark and red once the bell has rung. Use light or dark to pin it to your design, or auto to follow the reader's system setting.

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.

Every market holiday, answered

Hours and closures for every US market day people ask about

"; 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 = '
Bell Hours
'; 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"); } }); })();