Free embeddable widgets
Free Prayer Times & Hijri Date Widgets for Your Website
Add accurate prayer times, today's Hijri date, or a Ramadan countdown to any website with a single line of HTML. The widgets are free forever — no API key, no signup, no tracking, and no ads. Each one renders in an isolated container that cannot clash with your site's design, and calculates everything in your visitor's browser, so it stays fast and private. Built for mosque websites, Islamic schools, community blogs, and any project serving the Ummah.
Widget 1
Prayer times
Today's six times — Fajr, Sunrise, Dhuhr, Asr, Maghrib, and Isha — for any location, with the next prayer highlighted and a live countdown. Choose a calculation method (ISNA, MWL, Umm Al-Qura, and more), standard or Hanafi Asr, and a 12- or 24-hour clock.
Live preview — the real widget, running on this page.
Widget 2
Hijri date
Today's date on the Hijri calendar, with the Gregorian date below it. It uses your visitor's own device calendar, so it makes no network requests at all and updates automatically every day.
Live preview — the real widget, running on this page.
Widget 3
Ramadan countdown
A calm countdown to the next Ramadan. Once Ramadan begins it switches to “Day N of Ramadan”, and at its end it shows an Eid al-Fitr greeting. Counts are estimates, since the lunar sighting that starts the month can shift the date by a day.
Live preview — the real widget, running on this page.
Free forever. No API key, no tracking, no ads. Please keep the small attribution link.
Run a mosque?
Email us your mosque's jamaat times and we'll add them to your page in the Niyat mosque directory — free, and your community can then find them in the app.
Why embed it
Free prayer times widget for your mosque website
Most mosque websites still list prayer times as a static image or a PDF that someone forgets to update. A calculated widget never goes stale: it recomputes Fajr through Isha for every day of the year, for your exact coordinates, in your timezone, and highlights the next prayer with a live countdown so visitors instantly know how long they have.
You pick the calculation method your community follows — ISNA and the Muslim World League through Umm Al-Qura, Dubai, Karachi, and the Moonsighting Committee — plus standard or Hanafi Asr. The widget renders inside an isolated shadow container, so your site's fonts and styles cannot break it and it cannot break them. There is nothing to maintain: no feeds to refresh, no API key to renew, no account.
It is a quiet fit anywhere: a mosque's homepage sidebar, an Islamic school's footer, a Ramadan landing page, a community newsletter archived as HTML. Paste the tag once and forget it.
Installation
How to add it to your site
Configure the widget above, copy the embed code, and paste it where the widget should appear. The steps differ slightly by platform.
WordPress
- Open the page or post in the editor.
- Add a Custom HTML block where you want the widget.
- Paste the embed code into the block.
- Click Preview to check it, then Update or Publish.
- WordPress strips script tags out of normal paragraph text, so always use the Custom HTML block — or a header/footer plugin such as WPCode for a site-wide placement.
Wix
- Open your site in the Wix Editor.
- Click + (Add Elements), choose Embed Code, then Embed a Widget.
- Paste the embed code into the code field and click Apply.
- Drag the box to position it; the widget fills the box width.
- Save and publish your site.
Squarespace
- Open the page and click Edit.
- Click an insert point and add a Code block.
- Paste the embed code into the block.
- Make sure Display Source is off, then click Apply.
- Save the page. JavaScript runs in Code Blocks on standard pages.
Plain HTML
- Copy the embed code from the configurator above.
- Open your HTML file where your site's files live.
- Paste the snippet at the exact spot the widget should render.
- Save and upload the file. For the fastest loads, place it just before </body>.
FAQ
Frequently asked questions
Is this really free?
Yes. The widgets are free forever, with no API key, no signup, and no ads. All we ask is that you keep the small attribution link under the widget.
Does it track my visitors?
No. The widgets load no analytics, set no cookies, and collect no data about your visitors. The prayer times widget downloads one small calculation library from niyatapp.com and then does all of its math in your visitor's browser.
Will it slow down my site?
No. Add the async attribute and the script loads in the background without blocking your page. The prayer times widget is a few kilobytes, and the calculation library it uses is fetched once and cached by the browser. The Hijri date and Ramadan countdown widgets make no network requests at all.
Can I show my mosque's jamaat (iqama) times instead of calculated times?
Not yet through the widget itself, which shows calculated prayer times. Email us your mosque's jamaat times and we will add them to your page in the Niyat mosque directory.
Does it work on WordPress, Wix, and Squarespace?
Yes. Any platform that accepts a custom HTML or embed block can host the widget: WordPress Custom HTML blocks, Wix custom embeds, Squarespace code blocks, or plain HTML. See the step-by-step guides above.
Get adhan reminders and a qibla compass on your phone
The Niyat app brings calculated prayer times, adhan notifications, a qibla finder, and the full cited dua library with you.
Want the data in your app? Get Niyat.
Keep exploring