open-quran-view

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.