Building blocks/Pages & Assets

Quran Assets

Beta

A library of Mushaf visual elements, including surah headers, page frames, and ayah markers, sourced from printed Mushafs and Arabic fonts and provided as recolourable SVGs.

Assets
71 · two lineages
Provenance
Scan or font recorded in every file

What it provides

  • Surah headers, page frames and ayah markers, a set per riwayah rather than one generic set
  • 47 more ayah markers from the end-of-ayah glyph of Arabic fonts — 40 of them OFL-1.1 and clear to ship, also as one PUA font
  • One group per printed ink, recolourable, with a transparent slot for the surah name
  • Source scan or font recorded on every root element

Use it when you need

Use it when designing a Quran application or website and you need ready-made Mushaf-style visual elements instead of recreating them yourself.

  • Visual components in applications, websites, exports, or design tools
  • Dressing a typeset page in a particular mushaf's ornaments
  • Tiling a page border to a size the printed page never had

Not for

See it work

Several things this block does, each running on data from the repository itself.

Pick a header, a frame and an ayah marker; recolour any layer; take the SVG. The page is real and so are the ornaments.

Live

Loading…

Ornaments traced from eight printed mushafs, each recording the scan it came from.

Provenance

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 →
Quran AssetsBeta
Repositoryquran-ws/quran-assets
Licence40 of 47 font markers OFL-1.1 · scan assets CC BY-NC-SA 4.0, provisional
Publicat launch

Quick start

The shortest path to something running. The repository’s README covers the rest.

$ # not published yet — read from the repository
assets/surah-headers/mushaf-hafs-madinah-mumtaza/color.svg
assets/page-frames/mushaf-warsh/slices/ // corner + horizontal + vertical
assets/ayah-markers/font-003-regular/color.svg // from a font, OFL-1.1
Read the full documentation →

Works with

Blocks meet through shared references, not through a framework. Each of these understands something this block produces.