For your site · Free

Free astrology widgets.

Three small tools you can drop onto any page — chart form, today's planets, moon phases.

Interested in adding an astrology widget to your site? All of ours are free to use, render on the client, and carry the Astro-Charts wordmark at the foot. Pick one below — or all of them — and paste the snippet into your HTML.

None of these require an account. They're built to work inside WordPress, Squarespace, Ghost, Webflow, plain HTML — anywhere a <script> tag will go.

In this page

01. Chart Form — users fill in birth data, land on a full chart↓ 02. Current Planetary Positions — today, in the sky↓ 03. Moon Phases — compact and full-size crescent widgets↓

Widget n° 01

Chart Form widget.

A drop-in form your visitors fill with name, place, date, and time of birth — submit and the full birth chart renders inline. The cleanest way to put a chart calculator on your site without building one.

Live preview Embed · ready

Embed snippet

<div class="ac-widget-birth">
  <a class="ac-w-mark" href="https://astro-charts.com/" target="_blank" rel="noopener"><span class="ac-w-circle-a">A</span>Astro·Charts</a>
</div>
<script src="https://astro-charts.com/static/widget-birthchart.js"></script>

Widget n° 02

Current Planetary Positions.

Where the Sun, Moon and planets sit today — by sign and degree, recomputed every page load and pulled lazily into your page. Drops in comfortably alongside a daily horoscope column or a weather-style sidebar.

Live preview Embed · ready

Set a default location for this embed.

This control doesn't appear on your site — it rewrites the place="…" attribute in the snippet below. Your visitors see the result, not the picker.

Embed snippet

<div class="ac-widget-coa"
  geo_pk="17"
  place="New York City, New York, United States">
  <a class="ac-w-mark" href="https://astro-charts.com/" target="_blank" rel="noopener"><span class="ac-w-circle-a">A</span>Astro·Charts</a>
</div>
<script src="https://astro-charts.com/static/widget-coa.js"></script>

Widget n° 03

Today's Moon phase.

Today's crescent, illumination, and sign — drawn cleanly, in the same editorial grammar as the rest of our site. Two layouts: horizontal (default) and vertical for narrow sidebars.

Live preview Embed · ready

Set a default location for this embed.

This control doesn't appear on your site — it rewrites the place="…" attribute in the snippet below. Your visitors see the result, not the picker.

Embed snippet

<!-- Full (editorial card) -->
<div class="ac-widget-moon"
  geo_pk="17"
  place="New York City, New York, United States"
  data-size="full">
  <a class="ac-w-mark" href="https://astro-charts.com/" target="_blank" rel="noopener"><span class="ac-w-circle-a">A</span>Astro·Charts</a>
</div>

<!-- Compact (sidebar strip) -->
<div class="ac-widget-moon"
  geo_pk="17"
  place="New York City, New York, United States"
  data-size="compact">
  <a class="ac-w-mark" href="https://astro-charts.com/" target="_blank" rel="noopener"><span class="ac-w-circle-a">A</span>Astro·Charts</a>
</div>

<script src="https://astro-charts.com/static/widget-moon.js"></script>

A note on attribution

The little <a> tag inside each snippet — the one that reads Astro·Charts at the foot of the rendered widget — is the attribution. Please leave it in. It's how visitors recognise the source, and it's also how search engines see the link back to us — kept as plain HTML, it counts; injected only by our JavaScript, it might not. If the link back to us bothers you, consider our affiliate program — same widgets, branded as yours, and you earn from every reading sold.

By embedding any widget you agree to our Widget Terms of Use — the short version is personal, non-commercial use; don't modify the code; keep the attribution link inside the snippet.

Affiliate program → Widget terms of use Get in touch