Blog

Build Islamic apps faster

Free tutorials, guides, and comparisons for developers and webmasters. Working code in JavaScript, React, Next.js, Flutter, and WordPress.

Flutter

Display Quran Verses in a Flutter App

Fetch and display Quran verses in Flutter with proper Arabic text rendering, translations, and audio playback.

9 min readMobile
 Tutorial

Build a Word-by-Word Quran Learning App

Help users learn Arabic by showing each word's transliteration and meaning. Uses the word by word API endpoint.

8 min readLearning App
 Next.js

Build a Quran Page Viewer with Next.js

A page by page Quran viewer with server side rendering, page navigation, and clean typography. Built with Next.js App Router.

8 min readTutorial
 Tutorial

Build a Quran Memorization Tracker App

Track hifz progress with a web app that lets users mark surahs and ayahs as memorized. Uses localStorage and a free Quran API.

9 min readFull App
 Tutorial

Build a Quran Translation Comparison Tool

Display multiple translations of the same ayah side by side. A useful tool for Quran study apps and websites.

7 min readJavaScript
 Python

Using the Quran API with Python

How to fetch Quran data with Python. Covers requests, pagination, saving to JSON, and building a simple CLI Quran reader.

7 min readTutorial
 Tutorial

Build a Quran Audio Player with HTML5 and JavaScript

A Quran audio player with reciter selection, surah picker, and ayah by ayah playback. Built with the HTML5 Audio API.

8 min readJavaScript
 Tutorial

Build a Quran Search Engine with JavaScript

Build a fast Quran search box that finds matching ayahs across all surahs. Plain JavaScript, no framework needed.

7 min readJavaScript
 Widget

Add a Quran Verse of the Day to Any Website

A simple widget that shows a random Quran verse on your site every day. Works on any website with one script tag.

5 min readBeginner
 React

Build a Quran Reader App with React

A step by step guide to building a Quran reader with surah list, ayah display, and audio playback using React and a free Quran API.

9 min readTutorial
 Seasonal

When is Ramadan 2027? Dates, countdown & timetable

Ramadan 2027 begins Monday, February 8, 2027. Key dates, a live countdown, and how to pull a Suhoor and Iftar timetable for any city, free.

5 min readRamadan 1448
 Comparison

The 10 best free Islamic APIs in 2026 (compared honestly)

A side by side look at every major Islamic API. What each one does best, what they miss, and which one to pick for your app.

10 min readUpdated 2026
 Quran

Free Quran API: the complete developer guide

Arabic scripts, eight translations, audio from eight reciters, tafsir, and search. Everything you can pull from a free Quran API in one place.

8 min readQuran
 Tutorial

How to add prayer times to your website in 5 minutes

A drop in script. No backend, no API key, no build step. Works on any website including WordPress, Wix, Squarespace, and plain HTML.

5 min readBeginner
 React

Build a prayer times component in React and Next.js

A clean React hook plus a styled component you can drop into any Next.js or React app. Server side rendering and timezone handled.

9 min readIntermediate
 Comparison

UmmahAPI vs Aladhan: which Islamic API should you use?

Feature by feature comparison: prayer times, Quran, Hadith, Tafsir, widgets, rate limits, and uptime. With code samples for both.

7 min readSide by side
 Widget

Build a Ramadan countdown widget (and an Iftar timer)

A live countdown to Ramadan or to the next Maghrib. Drop in widget plus a from scratch JavaScript build for full control.

6 min readSeasonal