Free Moon Phase Widget
Display the current moon phase on any website. Choose your city, date, and style.
Widget Settings
Live Preview
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.
Specific Integration Guides
Need help installing the code? Check our specific guides for your platform: