Vector Mushaf pages in SVG, with the position of every ayah mapped on the page.
Use it when you want to display printed Mushaf pages in a website or application and make individual ayahs selectable or connect them to recitation, Tafsir, and other features.
Several things this block does, each running on data from the repository itself.
Any of 604 pages, in five riwayat, with the clickable ayah layer that ships inside the artwork.
LiveThe hit-regions are in the artwork already — the same file a developer drops into their own app, fetched here straight from the repository over open CORS. The same page number in another riwāyah is a different printed page, which is why the ayah under your cursor changes when you switch.
Every dataset identifies its source, edition, riwayah, version, and verification status. The digest lets you confirm the file you ship is the file that was verified.
View full provenance →The shortest path to something running. The repository’s README covers the rest.
Blocks meet through shared references, not through a framework. Each of these understands something this block produces.