Market Sessions Widget Generator

Sydney, Tokyo, London, New York — who's trading right now

Widget Settings

Theme & Display

Theme

Border Radius

Colors

Background

Text

Muted Text

Accent / Progress

Open Badge

Closed Badge

Live Preview

Market Sessions 13:35:14 UTC

Sydney 21:00 – 06:00 UTC CLOSED opens in 07:24:45

Tokyo 00:00 – 09:00 UTC CLOSED opens in 10:24:45

London 08:00 – 17:00 UTC OPEN closes in 03:24:45

New York 13:00 – 22:00 UTC OPEN closes in 08:24:45

Embed Code

<!--Market Sessions Web Component-->
<market-sessions
    backgroundColor="#171717"
    textColor="#ffffff"
    mutedTextColor="#9ca3af"
    accentColor="#fbbf24"
    openColor="#10b981"
    closedColor="#6b7280"
    borderColor="#383533"
    borderRadius="0.75rem"
></market-sessions>
<!--JavaScript is required to load the widget-->
<script src="http://sveltekit-prerender/web-components/umd/market-sessions.js" async></script>

How to Use

Customize

Adjust colors to match your website's design

Copy & Embed

Paste the generated HTML where the session clock should appear

The Market Sessions widget shows the four forex trading sessions (Sydney, Tokyo, London, New York) with live open/closed badges, session progress bars, and a countdown to the next open or close — all in UTC. Works even when markets are closed, perfect for blogs, education sites and trader sidebars.