Getting Started

Quick Tip

All JSON files are served through JSDELIVR CDN for fast and reliable access worldwide.

Complete Quran

Access the entire Quran text with translations

Arabic Text Only

https://cdn.jsdelivr.net/npm/quran-cloud@1.0.0/dist/quran.json

With Transliteration

https://cdn.jsdelivr.net/npm/quran-cloud@1.0.0/dist/quran_transliteration.json

With Translation

https://cdn.jsdelivr.net/npm/quran-cloud@1.0.0/dist/quran_{langCode}.json

Example Usage

How to fetch and use the complete Quran data

// Fetch complete Quran with English translation
const response = await fetch(
  'https://cdn.jsdelivr.net/npm/quran-cloud@1.0.0/dist/quran_en.json'
);
const data = await response.json();

// Access first chapter (Al-Fatihah)
const alFatihah = data.chapters[0];
console.log(alFatihah.name); // "الفاتحة"
console.log(alFatihah.translation); // "The Opening"