How do I add a moon phase widget to my website?

Use the free Time.now Moon Phase Widget Generator to select a location, choose what to display (illumination %, next full/new moon dates), customize colors and fonts, then copy the iframe embed code to your site.

Does the moon phase widget update automatically?

Yes. If you leave the date empty, the widget shows today's moon phase and updates automatically each day. The data is calculated server-side using precise astronomical algorithms.

Is the moon phase widget free?

Yes, the Time.now moon phase widget is 100% free. No registration, no API keys, and no usage limits. It works on any website that supports HTML iframes.

What moon data can the widget display?

The widget shows the current moon phase name, a visual moon emoji, and optionally the illumination percentage and the dates of the next Full Moon and New Moon.

Free Moon Phase Widget

Display the current moon phase on any website. Choose your city, date, and style.

Configuración del Widget

City / Location

Fecha

Leave empty for today's data (updates daily).

Show / Hide

Illumination %

Next Full & New Moon dates

Ancho

Alto

Tamaño del Contenido 1.0x

Ajustar para que el texto quepa dentro de las dimensiones elegidas.

Custom Title (optional)

Display Options

Show city name

Show date

Fondo

Texto

Accent

Tipografía

Negrita

Cursiva

Vista previa en vivo

Código para incrustar

Copia y pega este código en el HTML de tu sitio web.

Free Embeddable Moon Phase Widget for Your Website

Display the current moon phase, illumination percentage, and upcoming lunar events on your website. Our free moon phase widget is perfect for gardening blogs, astrology sites, fishing communities, and astronomy enthusiasts.

The Time.now Moon Phase Widget uses precise astronomical calculations to show the current phase name, a visual moon emoji, illumination percentage, and optionally the dates of the next Full Moon and New Moon.

Current moon phase name & emoji
Illumination percentage
Next Full Moon & New Moon dates
Diseño adaptable y compatible con dispositivos móviles
Customizable colors and fonts
100% free, no registration required

Who Uses a Moon Phase Widget?

Gardening Blogs: Many gardeners plant and harvest by the lunar cycle — show the current phase to help them plan.
Astrology & Spiritual Sites: Moon phases are central to astrology readings, rituals, and spiritual practices.
Fishing & Hunting Communities: Lunar phases affect fish and wildlife activity — give your readers the data they need.
Astronomy & Education: Teach students about the lunar cycle with a live, updating widget.