Free Moon Phase Widget
Display the current moon phase on any website. Choose your city, date, and style.
Widget Settings
Live Preview Drag the borders to resize - width: 360px, height: 300px
Embed Code
Copy and paste this code into your website's HTML.
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
- Mobile-friendly, responsive design
- 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.
Frequently Asked Questions
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.
Specific Integration Guides
Need help installing the code? Check our specific guides for your platform: