---
title: "Read Quran | Canvas | Ilmiya Documentation"
description: "Browse, read, listen to, and annotate the Quran in Canvas — navigate by Surah, Juz, or Page with multiple display modes and AI support."
url: "https://ilmiya.com/docs/canvas/reading/"
language: "en"
---

<a id="_top"></a>

# Read Quran

The reading experience in Canvas is built around the full Quran — 114 Surahs, 30 Juz, and 604 pages — with flexible navigation, multiple display modes, translations, transliterations, Tafsir, Tajweed colouring, audio from 100+ reciters, freehand annotation, and an AI assistant.

* * *

<a id="navigating-canvas"></a>

## Navigating Canvas

Canvas has a clean layout built around the Quran. The home screen has tabs across the top:

| Tab | What it opens |
| --- | --- |
| **Quran** | The main Quran reading and navigation interface (default) |
| **Stats** | Personal statistics — heatmap, hours, pages, rank, streak |
| **Radio** | Stream Quran recitations continuously |
| **Settings** | Customize your font, reciter, translation, and theme |

<a id="sidebar-navigation"></a>

### Sidebar Navigation

The sidebar on the left gives you three ways to navigate:

| Sidebar Tab | What it shows |
| --- | --- |
| **Surah** | All 114 Surahs listed by number and name |
| **Juz** | All 30 Juz (Para) divisions |
| **Page** | All 604 Mushaf pages |

Click any item to jump directly to that Surah, Juz, or Page.

<a id="bottom-toolbar"></a>

### Bottom Toolbar

The toolbar at the bottom of the reading area contains audio controls, drawing tools, and the mode switcher — switch between Read, Translate, Recite, Judge, Tafsir, and Memorize modes.

> **Tip**
>
> Use **Surah** when you know which Surah you want. Use **Page** when following along with a physical Mushaf. Use **Juz** for systematic revision.

* * *

<a id="browsing-the-quran"></a>

## Browsing the Quran

Canvas gives you four ways to navigate the full Quran:

| Method | Best for |
| --- | --- |
| **By Surah** | When you know which chapter you want to read |
| **By Juz** | Systematic revision across the full Quran (30 parts) |
| **By Page** | Following along with a physical Mushaf (pages 1–604) |
| **By Verse** | Jumping directly to a specific Ayah |

<a id="by-surah"></a>

### By Surah

1.  Choose **Surah** in the left sidebar.
2.  All 114 Surahs are listed with their number, Arabic name, and English name.
3.  Click any Surah to open it in the reading area.

<a id="by-juz"></a>

### By Juz

1.  Open the **Juz** tab in the left sidebar.
2.  Click a Juz to open it — you’ll see all the Surahs and verses it contains.

Each Juz typically spans multiple Surahs. The display picks up exactly where that Juz begins, even if it starts mid-Surah.

<a id="by-page"></a>

### By Page

1.  Choose **Page** in the left sidebar.
2.  Click a page number to jump directly to that page.

Canvas supports a **dual-page view** — displaying two Mushaf pages side by side, mirroring the layout of a physical Quran.

<a id="individual-verse"></a>

### Individual Verse

Click on any verse to see a detailed view with full translation, transliteration, and Tafsir. You can also copy, share, or save the verse, or view similar verses that repeat the same phrase elsewhere in the Quran.

* * *

<a id="reading-modes"></a>

## Reading Modes

Canvas offers six reading modes, each designed for a different purpose. Switch between them using the mode switcher in the bottom toolbar.

| Mode | Purpose |
| --- | --- |
| **Read** | Clean Arabic text for focused reading |
| **Translate** | Arabic with word-by-word translation and transliteration |
| **Tafsir** | Arabic with scholarly commentary and interpretation |
| **Recite** | Record and evaluate your recitation with AI feedback |
| **Judge** | Review your previous recitation errors on the text |
| **Memorize** | Progressive word-reveal for memorization practice |

<a id="read-mode"></a>

### Read Mode

The default mode. Displays Arabic text with Tajweed colouring — designed for focused, uninterrupted reading.

<a id="translate-mode"></a>

### Translate Mode

Displays each verse with Arabic text, **transliteration** (romanized pronunciation guide), and **translation** in your selected language. Tap any word to see its individual translation and grammatical role.

<a id="tafsir-mode"></a>

### Tafsir Mode

Displays the Arabic text alongside **Tafsir** — scholarly interpretation and commentary for each verse. Multiple Tafsir sources may be available depending on your organization’s configuration.

<a id="recite-mode"></a>

### Recite Mode

Activates the AI recitation evaluation system. You record yourself reciting a verse and receive instant feedback on Tajweed errors, verbal errors, Waqf errors, and memorization errors.

<a id="judge-mode"></a>

### Judge Mode

Overlays your **saved recitation errors** directly on the Quranic text. Words you previously mispronounced are colour-coded so you can see exactly where your weaknesses are.

<a id="memorize-mode"></a>

### Memorize Mode

Progressively covers words in the verse, challenging you to recall them from memory. Words are revealed one at a time as you progress.

> **Tip**
>
> You can switch modes at any time without losing your place. The same verse stays visible when you switch.

* * *

<a id="fonts--display"></a>

## Fonts & Display

Canvas gives you full control over how the Quranic text is displayed.

<a id="arabic-script"></a>

### Arabic Script

| Script | Description |
| --- | --- |
| **Uthmani** | The most widely used standard script worldwide |
| **Madani** | The script used in the Madinah Mushaf |
| **Indopak** | The script commonly used in South Asia |

> **Tip**
>
> If you’re unsure which script to use, **Uthmani** is the global standard and the most commonly taught in schools worldwide.

<a id="font-size"></a>

### Font Size

Canvas offers **4 size levels** — Small, Medium, Large, and Extra Large. Adjust from the Settings tab or the toolbar while reading.

<a id="translation-language"></a>

### Translation Language

When using Translate mode, Canvas displays a translation beneath each verse. Select your preferred translation language from the settings.

<a id="tajweed-colouring"></a>

### Tajweed Colouring

Canvas visually highlights Tajweed rules directly on the Arabic text:

| Colour | Tajweed Rule |
| --- | --- |
| Green | Ghunnah (nasalization) |
| Blue | Ikhfa / Idgham (merging sounds) |
| Red | Qalqalah (echoing sound) |
| Orange | Madd (prolonged vowel) |

Toggle Tajweed colouring on or off from the display settings. It is on by default in Read and Recite modes.

<a id="theme"></a>

### Theme

Canvas supports **light** and **dark** themes — switch from the Settings tab to reduce eye strain during extended reading sessions.

* * *

<a id="surah-information"></a>

## Surah Information

Every Surah in Canvas has an information panel with background details and scholarly context.

<a id="accessing-surah-information"></a>

### Accessing Surah Information

Open any Surah and click the **Surah info icon** or tap the Surah name at the top of the reading area.

<a id="what-the-panel-shows"></a>

### What the Panel Shows

| Field | Description |
| --- | --- |
| **Surah Name** | Arabic name and English transliteration |
| **English Meaning** | The meaning of the Surah’s name |
| **Revelation Type** | Makki (revealed in Makkah) or Madani (revealed in Madinah) |
| **Revelation Order** | The chronological order of revelation |
| **Verse Count** | Total number of Ayaat |
| **Word Count** | Total number of Arabic words |
| **Page Range** | Which Mushaf pages the Surah spans |
| **Themes** | Key topics and subjects covered |
| **Context & Significance** | Background on the historical and spiritual context |

<a id="makki-vs-madani"></a>

### Makki vs Madani

| Type | Characteristics |
| --- | --- |
| **Makki** | Revealed before the Hijra — focuses on faith, Tawheed, the afterlife, and stories of the Prophets |
| **Madani** | Revealed after the Hijra — focuses on law, social guidance, and community affairs |

> **Tip**
>
> The Surah information panel is a great place to start before beginning a new Surah — understanding its context makes the reading experience richer.

* * *

<a id="listening"></a>

## Listening

You can listen to any verse or full Surah using the built-in audio player at the bottom of the reading area.

<a id="playing-audio"></a>

### Playing Audio

-   **Tap the play icon** next to any verse to play just that verse — the current word being recited is highlighted in the text
-   **Click Play in the bottom toolbar** to play a full Surah from the first verse through to the end

<a id="audio-player-controls"></a>

### Audio Player Controls

| Control | Function |
| --- | --- |
| **Play / Pause** | Start or pause playback |
| **Previous / Next** | Go back or skip to the next verse |
| **Progress slider** | Seek to any point within a verse |
| **Volume** | Adjust playback volume |
| **Reciter selector** | Switch reciters without leaving the Surah |

<a id="repeat-modes"></a>

### Repeat Modes

| Mode | Behaviour |
| --- | --- |
| **No repeat** | Plays through the Surah once and stops |
| **Repeat verse** | Loops the current verse continuously |
| **Repeat Surah** | Loops the entire Surah after it ends |
| **Repeat range** | Loops a selected range of verses |

> **Tip**
>
> Use **Repeat verse** mode when practising a specific Ayah — listen to it several times before attempting to recite it yourself.

* * *

<a id="reciters"></a>

## Reciters

Canvas provides access to over 100 professional Quranic reciters across multiple Qira’at (recitation traditions).

<a id="browsing-reciters"></a>

### Browsing Reciters

Click **Reciters** in the Canvas top navigation. Search by name, filter by Qira’at style, or browse the full list.

Each reciter profile includes their name, nationality, Qira’at style, biography, and available Surahs.

<a id="qiraat-styles"></a>

### Qira’at Styles

| Style | Description |
| --- | --- |
| **Hafs ‘an ‘Asim** | The most widely used recitation style globally |
| **Warsh ‘an Nafi’** | Common in North and West Africa |
| **Qalun ‘an Nafi’** | Used in parts of North Africa and the Middle East |

<a id="setting-a-default-reciter"></a>

### Setting a Default Reciter

Go to **Settings** → **Default Reciter** → search and select your preferred reciter. You can also switch reciters on the fly using the reciter selector in the audio player toolbar.

> **Tip**
>
> Try a few different reciters to find the voice and style that resonates most with you — consistent listening to one reciter can significantly help with memorization.

* * *

<a id="drawing--annotation"></a>

## Drawing & Annotation

Canvas includes a freehand drawing layer that sits on top of the Quranic text. Draw, highlight, and annotate directly on any page — your drawings are saved automatically.

<a id="drawing-tools"></a>

### Drawing Tools

| Tool | Function |
| --- | --- |
| **Brush** | Freehand drawing — lines, underlines, circles, any mark |
| **Eraser** | Remove parts of your drawing without clearing everything |
| **Colour picker** | Choose from a palette of colours |
| **Brush size** | Choose one of three thicknesses (fine, medium, thick) |
| **Undo / Redo** | Step back or reapply drawing actions |
| **Clear all** | Remove all drawings from the current page |

<a id="activating-drawing-mode"></a>

### Activating Drawing Mode

1.  Open any Surah or Page in the reading area.
2.  Click the **brush icon** in the bottom toolbar.
3.  Select your colour and brush size.
4.  Draw directly on the text.

<a id="saving--persistence"></a>

### Saving & Persistence

Drawings are saved to your account automatically — no manual save required. When you return to the same page later, your annotations are restored exactly as you left them. Your annotations are private and only visible to you.

| Use case | How to do it |
| --- | --- |
| Mark memorized verses | Underline in green |
| Flag Tajweed errors | Circle problem words in red |
| Note Waqf positions | Draw a small mark at stopping points |
| Highlight for revision | Draw a highlight stroke over key lines |

> **Caution**
>
> **Clear all** permanently removes all drawings on that page and cannot be undone.

* * *

<a id="ai-assistant"></a>

## AI Assistant

Canvas includes a voice-powered AI assistant dedicated to Quran learning. Ask it questions about verses, request explanations, seek context, and have a natural voice conversation — without leaving Canvas.

<a id="accessing-the-ai-assistant"></a>

### Accessing the AI Assistant

Click **Assistant** in the Canvas top navigation. Allow microphone access when prompted.

<a id="how-it-works"></a>

### How It Works

1.  Click **Start** to begin a session
2.  Speak your question or request clearly
3.  The assistant processes your speech and responds in real time with voice and text
4.  Continue the conversation naturally — ask follow-up questions or change topics
5.  Click **End** to close the session

<a id="what-you-can-ask"></a>

### What You Can Ask

| Type of question | Example |
| --- | --- |
| **Verse meaning** | “What does Surah Al-Fatiha verse 5 mean?” |
| **Tafsir & context** | “What is the historical context of Surah Al-Kahf?” |
| **Tajweed rules** | “When do I apply Ghunnah?” |
| **Word meanings** | “What does the word ‘taqwa’ mean in the Quran?” |
| **General Quran knowledge** | “How many Makki Surahs are there?” |

> **Caution**
>
> AI responses are generated automatically and should be treated as a learning aid — not a substitute for guidance from a qualified Islamic scholar or Quran teacher. Always verify important religious matters with a trusted authority.

[Previous  
Browsing the Quran](https://ilmiya.com/docs/canvas/reading/browsing-quran/) [Next  
Reading Modes](https://ilmiya.com/docs/canvas/reading/reading-modes/)

---

[View this page on Ilmiya](https://ilmiya.com/docs/canvas/reading/) · [All pages in Markdown](https://ilmiya.com/markdown-index.md)