🧩
Embed a Free Hijri Calendar on Your Website
Copy-paste code — no signup, no API. Computes the Hijri date right in the browser.
🌙 Today's Hijri Date Widget
<div class="hijri-cal-widget" data-type="date" data-lang="en" data-theme="light"></div>
<script src="https://hijri-calendars.com/widget.js" async></script>🔄 Date Converter Widget
<div class="hijri-cal-widget" data-type="converter" data-lang="en" data-theme="light"></div>
<script src="https://hijri-calendars.com/widget.js" async></script>🌑 Dark Theme (Arabic)
<div class="hijri-cal-widget" data-type="date" data-lang="ar" data-theme="dark"></div>
<script src="https://hijri-calendars.com/widget.js" async></script>🔗 Simple Text Link (Link to Us)
Prefer a simple link instead of the widget? Copy this text link to your site.
<a href="https://hijri-calendars.com/" target="_blank" rel="noopener">Hijri Calendar & Free Islamic Tools</a>⚙️ Customization Options
| Attribute | Values | Description |
|---|---|---|
data-type | date · converter | Today's date or a date converter |
data-lang | en · ar | Widget language |
data-theme | light · dark | Light or dark theme |
Free to use with the attribution link kept visible. The widget computes the Umm al-Qura calendar locally in the browser via the Intl API.
Frequently Asked Questions
Yes, the widgets are completely free with no signup and no API key. All we ask is that you keep the small "Hijri Calendar" attribution link visible in the widget.
Copy the embed code and paste it into your page wherever you want the widget to appear. It works on any HTML site, WordPress, or website builder that lets you add HTML/JavaScript.
No. The widget computes the Hijri (Umm al-Qura) date right in the visitor's browser using the Intl API, so it depends on no external API — it is fast and reliable.
Yes. You can set the language (en or ar), theme (light or dark), and type (date for today's date, or converter) via data attributes in the code.
The widget uses the Umm al-Qura calendar via the standard browser API, accurate for general use. The start of a month may differ by a day with moon sighting in some countries.