Embeddable Moon Widget

Generate a customisable embeddable moon phase widget. Pick your colours, toggle the label, choose a size, and paste the iframe snippet into your own website or blog.

Customise your widget

Pick colours, label, and size — preview live on the right.

Background colour

Accent colour

Show labelShow the phase name + illumination %

Date (optional)

Leave empty for today's moon, or pick any date to show that day's phase.

Size

Live preview

This is exactly what visitors will see.

Embed code

Paste this into your site's HTML.

<iframe src="https://moonphaseemoji.com/embed?bg=020208&accent=fbbf24&label=true&size=medium&lang=en" width="220" height="200" frameborder="0" style="border:0; border-radius:12px; overflow:hidden;" title="Today's moon phase"></iframe>

The iframe loads the current moon phase from https://moonphaseemoji.com/embed — no JavaScript required on your site. Updates automatically every day.