Quran SVG Elements

What it provides

• Quran SVG pages put through the split pipeline: interactive pages where every word is a group and every mark its own named shape
• A stable surah:ayah:word key on every word, and the library to drive them in a page
• Pixel-identical to the print artwork it came from — and heading for letter-level split

Use it when you need

Use it when your application needs interaction at word or mark level, such as recitation highlighting, learning tools, word-level audio, meanings, or linguistic data.

• Word-level interaction on the web — selection, styling, highlighting
• Styling down to one diacritic of one word
• Composing an ayah range onto a new canvas from printed artwork

Not for

• Any mushaf that has not been split — splitting is hard, and not every mushaf will be. Use Quran SVG.
• Mobile and native, where SVG stops performing. Use Quran Engine.
• Tapping whole ayat, where an ayah polygon is simpler. Use Quran SVG.