Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Quran ReaderNew to Visual Studio Code? Get it now.
Quran Reader

Quran Reader

Muhammedh Shadir

|
3 installs
| (2) | Free
Read the Holy Quran in VS Code — Arabic text, English translation, transliteration & audio recitation. No API key needed.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Quran Reader for VS Code

Read the Holy Quran without leaving your editor. A beautiful, distraction-free Quran reader right inside VS Code — with Arabic text, English translation, transliteration, and audio recitation.

Quran Reader - Verse by Verse

Features

  • 📖 Browse by Surah — All 114 chapters with Arabic names, English names, verse count, and revelation place
  • 📚 Browse by Juz — All 30 Juz with verse-by-verse navigation
  • 🎲 Random Verse — Get inspired with a random ayah
  • 🔍 Search — Search the Quran by keyword in English or Arabic
  • 🎵 Audio Recitation — Listen to every verse by Sheikh Abdul Samad
  • ✨ Two Reading Modes:
    • Verse by Verse — Each verse as a card with Arabic, transliteration, and translation
    • Reading Mode — Flowing continuous Arabic text like a Mushaf, with translation below
  • 🔤 UthmanicHafs Font — The same beautiful font used on Quran.com

Quran Reader - Surah List

No Setup Required

Just install and start reading. No API keys, no accounts, no configuration needed.

Usage

  1. Click the Quran Reader icon (☽) in the Activity Bar on the left
  2. Choose Surah, Juz, Random, or Search
  3. Click any Surah or Juz to open it
  4. Toggle between Verse by Verse (☷) and Reading Mode (☰) using the buttons in the header
  5. Press ▶ on any verse to hear the audio recitation

Settings

Setting Default Description
quranReader.translationId 20 Translation ID (20 = Sahih International English)
quranReader.showTransliteration false Show romanized Arabic transliteration

Data Source

All Quran text, translations, and audio are served from the free public Quran.com API. No data is stored locally.

Credits

  • Quran text: Tanzil Project
  • Translations: Quran.com
  • Audio: Sheikh Abdul Samad via EveryAyah.com
  • Font: KFGQPC Hafs Uthmanic Script

May this tool make it easier to connect with the Quran in your daily workflow.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft