open-quran-view
by @adelpro
Active 12
High-performance universal Quran rendering library using Quran Foundation API. open-quran-view provides React and Web Component views for rendering Quran pages with high fidelity.
About this project
open-quran-view NPM Package · Interactive Docs · Advanced Demo (Mubin) · Advanced Source (Mubin) · Basic Demo · Basic Source High-performance universal Quran rendering library using Quran Foundation API. open-quran-view provides React and Web Component views for rendering Quran pages with high fidelity. 🌟 Advanced Showcase: Mubin For a fully-featured, production-grade application leveraging open-quran-view for advanced interactions, check out Mubin (GitHub Repository). Mubin demonstrates production-grade features built on top of this package, including: Word-Level Audio Highlight Synchronization: Synchronized reciter audio utilizing Quran Foundation timestamps. Word-Level Tafseer Popup: Clicking individual words overlays a translation and Tafseer definition. Ayah-Level Tafseer trigger: Tapping the verse markers shows full Ayah-level translation and commentary. Responsive Layout: Adapts dynamically across desktop, tablet, and mobile screens. Read our Advanced Showcase Guide to learn how to implement these patterns in your own app. Features Quran Foundation API - Uses Quran Foundation API for platform-agnostic data.
From the project README on GitHub
- Stars
- 12
- Forks
- 3
- Last push
- 2 Jul 2026
Topics
Add this badge to your README
Show that your project is listed on Made in Algeria.
[](https://www.madeinalgeria.dev/projects/open-quran-view)