Add real-time moon on your page!
Site »

About Project

Moon.svg shows the current moon phase in real time!
Add it to your Github profile, web page, notion, and more to view the changing moon phase every day.

You can also create the phases of the moon to match the specific date,
Use it in many situations, including the moon's phase on the date of birth and the moon's phase on special anniversaries!

Try it »

Usage

HTML Example

<!-- real time -->
<a href="https://moon-svg.minung.dev">
  <img src="https://moon-svg.minung.dev/moon.svg?theme=basic" alt="moon.svg" />
</a>

<!-- specific date -->
<a href="https://moon-svg.minung.dev">
  <img src="https://moon-svg.minung.dev/moon.svg?date=2022-03-24&theme=basic" alt="moon.svg" />
</a>

Markdown Example

<!-- real time -->
[![Moon.svg](https://moon-svg.minung.dev/moon.svg?theme=basic)](https://moon-svg.minung.dev)

<!-- specific date -->
[![Moon.svg](https://moon-svg.minung.dev/moon.svg?date=2022-03-24&theme=basic)](https://moon-svg.minung.dev)

SVG Url (Notion)

<!-- real time -->
https://moon-svg.minung.dev/moon.svg?theme=basic

<!-- specific date -->
https://moon-svg.minung.dev/moon.svg?date=2022-03-24&theme=basic

Roadmap

• Add api showing the phases of the moon to match the current date
• Add an introduction page to view features and options
• Add a theme feature (for multiple themes)
• Add angle change feature
• Add a thumbnail preview feature

Contributing

Contributing is always welcome!
Thank you for Star, Issue, Pull Request, and more.

Contributors ✨

Thanks goes to these wonderful people (emoji key):

Minung Han 🚧 💻

Suji Kim 💻

This project follows the all-contributors specification. Contributions of any kind welcome!

License

Distributed under the MIT License. See LICENSE for more information.