☪
Welcome to Tarteel
Select a Surah from the sidebar to begin
Getting started
Select a Surah from the Navigation panel. The full Quran is built-in — no file uploads needed. Use the Translation dropdown to show Bangla, English, or both below each āyah.
Select a Surah from the Navigation panel. The full Quran is built-in — no file uploads needed. Use the Translation dropdown to show Bangla, English, or both below each āyah.
Playback
Click any āyah to play it. Use ▶ Play to resume, ⏸ Pause, ⏹ Stop. Enable Continuous play to auto-advance through the surah. Adjust Volume and Tempo in real time.
Click any āyah to play it. Use ▶ Play to resume, ⏸ Pause, ⏹ Stop. Enable Continuous play to auto-advance through the surah. Adjust Volume and Tempo in real time.
Word highlight
Load timing JSON files (from github.com/cpfair/quran-align) using the file input. Select all JSON files at once — the app matches them automatically. Switch reciters freely; timing swaps instantly.
Load timing JSON files (from github.com/cpfair/quran-align) using the file input. Select all JSON files at once — the app matches them automatically. Switch reciters freely; timing swaps instantly.
Memorization modes
Listen — normal reading. Shadow — audio plays, repeat after. Recall — text is blurred; click Reveal to show an āyah. Click ✓ on any āyah to mark it memorized.
Listen — normal reading. Shadow — audio plays, repeat after. Recall — text is blurred; click Reveal to show an āyah. Click ✓ on any āyah to mark it memorized.
Tajweed overlay
Enable under Tajweed Overlay panel. Each rule is color-coded. Click rules in the legend to toggle individual rules on/off.
Enable under Tajweed Overlay panel. Each rule is color-coded. Click rules in the legend to toggle individual rules on/off.
Drill system
A: Set global repeat count. B: Hover any āyah and click its badge to override for that āyah. C: Set a range and loop count, press Start drill. Teal bar shows live progress.
A: Set global repeat count. B: Hover any āyah and click its badge to override for that āyah. C: Set a range and loop count, press Start drill. Teal bar shows live progress.
Display Settings
Three independent checkboxes: Word highlight (gold glow on current word), Āyah marker (thin colored bar on the active ayah — never fills), Tajweed colors (color-coded rules). All three work simultaneously. Pick colors with the swatches below each option.
Three independent checkboxes: Word highlight (gold glow on current word), Āyah marker (thin colored bar on the active ayah — never fills), Tajweed colors (color-coded rules). All three work simultaneously. Pick colors with the swatches below each option.
Keyboard shortcuts
Space Play
P Pause
S Stop
→ Next
← Prev
C Continuous
M Mark memorized
T Toggle tajweed