Read the Quran, out loud.
Two searchable selects — one for the surah, one for the reciter — sit on the same row. Pick your combination, hit play, and the widget streams the surah ayah-by-ayah. The currently-playing verse is highlighted and auto-scrolled into view; for supported reciters it goes one step further and highlights the exact word being recited using timing segments from the Quran.com API.
Translation or tafsir sits right under each ayah and tracks the audio. All 114 surahs, 32 reciters, and 6 Arabic tafsir options — same defaults as the Ayah of the Day widget so the two feel like siblings. The interface, the surah and reciter names, and the ayah translation itself all switch together to match any of 21 supported languages.
⚙️ Settings & Customization
- Default surah
- Language
- Theme
- Size
- Transparent background
- Highlight
- Autoplay
- Default reciter
- 🎨 Accent Color
Changes apply live — the embed link on the right and the preview above update instantly.
📖 How to embed in Notion
- Pick a surah, reciter, and preferences above, then copy the embed link from the sidebar.
- Open the Notion page you want the widget on and type
/embed. - Paste the link into the embed dialog and press
Embed link. - Drag the embed's bottom edge to resize it to taste.
- ✦ Full interface, surah/reciter name, and ayah translation support in 21 languages
- ✦ One language setting instead of separate interface/reading-mode options
- ✦ Smoother custom scrollbar behavior inside the surah/reciter pickers
- ✦ Two searchable selects in one row — surah + reciter
- ✦ Per-ayah sequential playback with active-ayah highlight and auto-scroll
- ✦ Word-by-word highlighting for supported reciters
- ✦ Translation or tafsir inline under each ayah, tracking the audio
- ✦ Full light/dark theming and Arabic RTL layout