View all work
In development

Ayah Editor — Qur’an Video Editor

A desktop editor for Qur’anic video where the sacred text is locked, every value shows its origin, and the exported MP4 is pixel-identical to the preview.

Client
SarAI Lab product — in early access
Industry
Media & Creators
Category
Desktop App
Year
2026
The challenge

What wasn’t working

Qur’an video generators decide timing, translation and layout for everyone, and leave no record of where anything came from. Creators reciting themselves are worst off — no dataset has timings for their voice. The product question was whether accuracy, provenance and creative control could be delivered as a real editing tool rather than a one-click generator, and whether it could run entirely on the creator’s own machine.

What we built

Our answer

An Electron desktop application built around an event-sourced editing model: one gesture is one event, so undo, redo, autosave and history all come from the same mechanism. The full Uthmani mushaf from the Tanzil Project is bundled, validated at build time and rendered read-only. Verse boundaries are tapped in by ear against a Latin transliteration, translations stay editable with a modified badge on every divergence, and the editor resolves project state into a pure, serialisable RenderSpec that Remotion and FFmpeg encode locally — so the export can be audited as plain JSON and re-encoded by a different engine without touching the editor.

Results

What changed

macOS and Windows builds are with testers now, ahead of a public early-access release. Bosnian (Besim Korkut) ships as the launch translation, with further languages arriving as translation-provider plugins. No account, no upload and no telemetry — projects are single self-contained .qsproj files and rendering runs on the creator’s own hardware.

Capabilities in play

How it was built

Capabilities in play: desktop product engineering with Electron and TypeScript, a deterministic rendering pipeline on Remotion and FFmpeg, and an event-sourced editing core. The architectural split is the point — the editor resolves what to draw, the engine decides how, and they meet at a frame description that carries provenance for text, translation, audio and timings all the way into the exported file.

Inside the product

Screens from the system we built.

Ayah Editor — Qur’an Video Editor
Ayah Editor — Qur’an Video Editor
Ayah Editor — Qur’an Video Editor
Ayah Editor — Qur’an Video Editor
Ayah Editor — Qur’an Video Editor
Ayah Editor — Qur’an Video Editor
Similar challenge?

Tell us what needs solving.

View all work