Embed code
Add the next prayer card to your website
Pick a card style and its settings, then copy the code into your site. No account or key needed.
The widget refreshes itself for every visitor, using the city and calculation method you selected.
Next prayer
Maghrib
--:--
Time remaining:
- Fajr--:--
- Dhuhr--:--
- Asr--:--
- Maghrib--:--
- Isha--:--
Embedding prayer times on your site
The embed tool produces a ready iframe snippet that shows today's prayer times for a city you choose and refreshes daily with no maintenance from you.
Steps
- Choose a city or enter coordinates, then pick the calculation method and madhhab.
- Choose a light or dark theme to match your design, and set width and height.
- Copy the snippet and paste it where the timetable should appear.
Technical notes
- The snippet is responsive: set the width to 100% and let the parent container control sizing on mobile.
- Performance: the frame loads immediately so its content appears without waiting; our platform does not use loading="lazy" to avoid visual delay.
- Calculation: times use established astronomical formulas and roll over automatically each day.
- Privacy: the frame does not request your visitors' location and sets no advertising cookies; it relies on the city you selected.
Where it helps
Mosque and Islamic centre websites, schools, student society pages, local news pages during Ramadan, and hotels near the two holy mosques. If you need APIs instead of a display frame, see the developers page.
Free for personal, non-profit and mosque websites as long as the in-frame source attribution stays. For large commercial deployments contact us via the contact page and review the terms of use.
Frequently asked questions