Free Moon phase widget for your website

Show your readers today's Moon sign and phase, updated live with the Swiss Ephemeris. Copy two lines of code, paste them into any page, and the widget does the rest. Free, with a small credit line back to The Twelve Rooms.

Preview

Copy the code: light

<iframe src="https://thetwelverooms.com/embed/moon-today" title="The Moon today" width="320" height="160" style="border:0;max-width:100%" loading="lazy"></iframe>
<p style="font-size:12px;margin:4px 0 0"><a href="https://thetwelverooms.com/moon">Moon sign and phase today</a> by The Twelve Rooms</p>

Copy the code: navy

<iframe src="https://thetwelverooms.com/embed/moon-today?theme=dark" title="The Moon today" width="320" height="160" style="border:0;max-width:100%" loading="lazy"></iframe>
<p style="font-size:12px;margin:4px 0 0"><a href="https://thetwelverooms.com/moon">Moon sign and phase today</a> by The Twelve Rooms</p>

Open the widget on its own to check it before you paste. Works in WordPress (Custom HTML block), Squarespace (Code block), Wix (Embed HTML), Ghost, Webflow and plain HTML.

What it shows

The sign the Moon is in right now, her phase from New to Full and back, whether she is void of course, and when she enters the next sign, all in your reader's own timezone. The drawing of the Moon matches the real lit fraction and the side it is lit from. Nothing is cached from yesterday: every load asks the ephemeris.

It suits astrology blogs, yoga and wellness studios, gardening sites that plant by the Moon, and anyone who writes a weekly horoscope. For the full picture, readers can follow the credit to the Moon right now, with the day's aspects and the void-of-course windows.

Common questions

Is the Moon widget free?

Yes, for any site, personal or commercial. Keep the credit line under the widget so readers can find where the data comes from.

How accurate is it?

The sign, phase and next sign change are computed live with the Swiss Ephemeris every time the widget loads, the same engine behind the site's Moon page. Times show in each reader's own timezone.

Can I change the size or colors?

The widget fits any width up to 320 pixels and comes in a light cream and a navy theme. Add ?theme=dark to the address for the navy one.

Does it slow my page down?

It loads lazily in its own frame, so it waits until a reader scrolls near it and never blocks your page.

Also on the sky calendar: The Moon right now · Full Moon calendar · The sky calendar feed