Notion widgets

Notion Moon Phase Widget

Bring the night sky into your journal, garden planner or dashboard.

  • Free foreverNo trial, no paywall, no usage limits.
  • No sign-upOpen the page and start. We never ask for an email to use a tool.
  • PrivateEverything runs in your browser. Your input is never uploaded or stored on our servers.
  • Works offlineOnce the page has loaded, the tool keeps working without a connection.

Style

Five looks. Every option below works with every style.
Clean type, no frame. Blends into any Notion page.Glowing accent-colored type. Best on dark pages.A frosted, translucent card with a soft highlight edge.A warm paper card with serif type, like a note on your desk.An LCD screen with scanlines and monospace digits.

Moon Phase options

Reset to defaults
From the Southern Hemisphere the Moon looks mirrored: a waxing crescent is lit on the left.
Waxing crescent, First quarter, Full moon and so on.
How much of the disk is lit, as a percentage.
Dates of the next full moon, the next new moon, both or neither, in the viewer's own calendar.
Shown above the phase name, such as "Tonight" or your garden journal's name.

0/40 characters

Colors and font

Light or dark colors. Auto adapts to the page it is embedded in.
Follows the page: light text on dark Notion pages, dark text on light ones (in browsers that pass the theme to embeds, otherwise your device setting).Dark text for light Notion pages.Light text for dark Notion pages.
Transparent lets your Notion page show through, so the widget looks built in. Solid gives it its own card.
Blends into the page behind it.Fills the embed with the style's own background.
Used for highlights: progress fills, the second hand, glows. Leave it on the style default or match your page's colors.
Using the style's own accent. Pick a color to override it.
Fonts already on the viewer's device, so the widget loads instantly and works offline. Each style has its own default.

Language and credit

How month and day names and numbers are written. Auto uses each viewer's browser language. Text you type is shown as you typed it.
A small link in the corner that opens this builder in a new tab. The widget is free either way; turn it off to hide it.
Edit a widget you already madePaste its link

Live preview

This is the real widget, running exactly as it will in Notion.
A small block: 380 × 140 px.One of two columns: 340 × 220 px.The full width of a standard page: 600 × 240 px.
See the widget on a light Notion page.See the widget on a dark Notion page. Theme Auto switches with it.

340 × 220 px

Your embed link

Paste this into a Notion embed block. Everything about the widget is in the link, so there is no account and nothing to save.
Open in new tab
The link updates as you change options. Anyone who can see your Notion page can read the text in it.

How to add it to Notion

  1. 1Copy your linkPress Copy embed link above.
  2. 2Add an embed blockIn Notion, type /embed on an empty line and press Enter.
  3. 3Paste the linkPaste it into the box and choose Embed link.
  4. 4Resize itHover over the embed and drag the bars on its sides. The widget refits to any size.

Works in Notion on the web, the desktop app and the mobile apps: the widget needs no login, so it loads everywhere. Notion's guide to embeds

Want a site designed with this level of care? Talk to our team

Quick answer

A Notion moon phase widget shows the Moon's current phase inside a Notion page through an embed block. Playxoft's free moon phase widget draws today's Moon to scale, names the phase, shows how much of it is lit and lists the next full and new moon in your own calendar. It calculates everything in the browser with standard astronomical formulas. Copy the embed link and paste it into /embed in Notion.

  • Drawn to scale
  • Share lit
  • Next full and new moon
  • Northern or Southern view
  • No location needed
  • Five styles

How to use the Notion Moon Phase Widget

  1. 1Choose your Hemisphere, so the lit side matches the sky where you are.
  2. 2Pick what to show: Phase name, Share lit and Next phases.
  3. 3Add an optional Title, choose a style and press Copy embed link.
  4. 4In Notion, type /embed, paste the link and choose Embed link.

What are the phases of the Moon?

The Moon goes from new to full and back in about 29.5 days, the synodic month. As it moves around Earth we see more, then less, of its sunlit half. The widget uses the eight traditional names:

PhaseDays after new moon (about)Share lit
New moon00%
Waxing crescent1 to 61% to 49%
First quarter7.450%
Waxing gibbous8 to 1451% to 99%
Full moon14.8100%
Waning gibbous15 to 2199% to 51%
Last quarter22.150%
Waning crescent23 to 2949% to 1%

New moon, first quarter, full moon and last quarter are exact moments. The widget shows those names for about a day either side, the way calendars label the night.

How accurate is the moon phase widget?

The widget calculates new and full moons with the method in Jean Meeus's *Astronomical Algorithms*, the standard reference for this kind of calculation. Its times agree with published almanac times to within a few minutes, and the share lit is within about one percent.

Everything runs in the viewer's browser: no data is downloaded, no location is requested, and the widget keeps working offline once loaded. The dates of the next full and new moon are written in the viewer's own calendar and language. A full moon close to midnight UTC can fall on different dates in different time zones, which is why calendars sometimes disagree by a day.

Why does the hemisphere matter?

Everyone on Earth sees the same phase at the same moment, but not the same picture. From the Northern Hemisphere, a waxing Moon is lit on the right and a waning Moon on the left. From the Southern Hemisphere, in Australia, New Zealand, South Africa or Argentina, it is the other way around, because you are looking at the Moon upside down compared with a viewer in Europe.

Near the equator the crescent lies on its side, like a bowl. Pick the hemisphere you are closest to; the phase name, the share lit and the dates stay the same either way.

Ideas for a moon widget in Notion

  • Moon journal: note how you feel or sleep through each cycle, with the phase at the top of the page.
  • Stargazing and photography: the darkest skies are around the new moon, when faint stars and the Milky Way are easiest to see.
  • Garden planner: many gardeners follow moon-planting traditions; keep the phase beside your sowing calendar.
  • Coast and tides: the largest tides, called spring tides, come shortly after the new and full moon.
  • Pair it: with the calendar widget for the month and the clock for the time.

Frequently asked questions

Choose your hemisphere and a style in Playxoft's moon phase builder and press Copy embed link. In Notion, type /embed, press Enter, paste the link and choose Embed link.
The preview on this page shows it live: today's phase, how much of the Moon is lit and the dates of the next full and new moon, calculated for the current moment.
About every 29.5 days, so most months have one full moon and some have two. The widget lists the date of the next full moon in the viewer's own calendar.
No. The phase is the same everywhere on Earth at a given moment, so the widget needs no location and never asks for one. You only choose the hemisphere for the picture.
From the Southern Hemisphere you see the Moon upside down compared with the north, so a waxing crescent is lit on the left. Choose Southern under Hemisphere to draw it that way.
Yes. It is free with no sign-up and no limits. The small Made with Playxoft link in the corner can be turned off.

Last updated by the Playxoft engineering team.

From the designers who built this tool

Want your site to look this polished?

Consistent color, crisp typography and fast pages are what make a site feel premium. We build accessible, high-converting websites with design systems that stay consistent everywhere. Send us your site and we will share honest recommendations, free.

Get a free website reviewSee website services

More free tools

See all tools

Free Notion Widgets

New

Clocks, countdowns, Pomodoro timers, calendars and more for Notion, in five styles. Free.

Open tool

Notion Clock Widget

New

Digital, analog, flip or word clock for Notion in any time zone, in five styles.

Open tool

Notion Countdown Widget

New

Count down to any date and time in Notion, then show a message or keep counting up.

Open tool

Notion Progress Bar Widget

New

How much of the year, month, week, day or your own date range has passed, live in Notion.

Open tool

Notion Calendar Widget

New

A mini month calendar for Notion with today marked, week numbers and month buttons.

Open tool

Notion Pomodoro Timer Widget

New

A Pomodoro focus timer for Notion with breaks, session dots and a soft chime.

Open tool