Quran JSON

Chapters

Access individual chapters (surahs) of the Quran in various languages.

List of Chapters

Arabic Only
Get the list of chapters in Arabic
https://cdn.jsdelivr.net/npm/quran-cloud@1.0.0/dist/chapters/index.json
Chapters with Translations
Get the list of chapters with translations in various languages
Bengali
https://cdn.jsdelivr.net/npm/quran-cloud@1.0.0/dist/chapters/bn/index.json
Chinese
https://cdn.jsdelivr.net/npm/quran-cloud@1.0.0/dist/chapters/zh/index.json
English
https://cdn.jsdelivr.net/npm/quran-cloud@1.0.0/dist/chapters/en/index.json
Spanish
https://cdn.jsdelivr.net/npm/quran-cloud@1.0.0/dist/chapters/es/index.json
French
https://cdn.jsdelivr.net/npm/quran-cloud@1.0.0/dist/chapters/fr/index.json
Indonesian
https://cdn.jsdelivr.net/npm/quran-cloud@1.0.0/dist/chapters/id/index.json
Russian
https://cdn.jsdelivr.net/npm/quran-cloud@1.0.0/dist/chapters/ru/index.json
Swedish
https://cdn.jsdelivr.net/npm/quran-cloud@1.0.0/dist/chapters/sv/index.json
Turkish
https://cdn.jsdelivr.net/npm/quran-cloud@1.0.0/dist/chapters/tr/index.json
Urdu
https://cdn.jsdelivr.net/npm/quran-cloud@1.0.0/dist/chapters/ur/index.json

Single Chapter

Arabic Text & Transliteration
Get a single chapter with Arabic text and transliteration
https://cdn.jsdelivr.net/npm/quran-cloud@1.0.0/dist/chapters/{chapterNumber}.json
With Translation
Get a single chapter with translation
https://cdn.jsdelivr.net/npm/quran-cloud@1.0.0/dist/chapters/{langCode}/{chapterNumber}.json

Example Usage

Fetch Al-Fatihah with English translation
fetch('https://cdn.jsdelivr.net/npm/quran-cloud@1.0.0/dist/chapters/en/1.json')
  .then(response => response.json())
  .then(chapter => {
    console.log(chapter.name); // "الفاتحة"
    console.log(chapter.translation); // "The Opening"
    chapter.verses.forEach(verse => {
      console.log(verse.text); // Arabic text
      console.log(verse.translation); // English translation
    });
  });