See how ArabicFlow works

Paste any Arabic passage and tap Load Text to begin. Works with Quranic verses, hadith, classical literature, or any Arabic text.

1. 1Paste any Arabic text here — up to 2000 characters
2. 2Live character counter so you always know where you are
3. 3Tap to render the passage as an interactive surface

• Works with fully diacritized Arabic text including harakat
• Passage is rendered word by word as individually selectable tokens
• Your work saves automatically every 10 seconds once you are signed in

Unlike Word or Google Docs, ArabicFlow lets you select individual attached prefixes and suffixes like بِـ or ـي without selecting the whole word.

1. 1Single attached particle selected — just 2 characters
2. 2Choose from 17 highlight colours
3. 3Add an optional structural note

• Selection works at the Unicode character level — diacritics stay with their base letter
• No snapping to word boundaries — select exactly what you mean
• Short selections of 3 characters or fewer use overlay highlighting for maximum visibility

Annotate a full sentence, a word within it, and an attached particle within that word — all at once. Each annotation gets its own underline row so nothing is hidden.

1. 1Overlay highlight for short selections (3 chars or fewer)
2. 2Each annotation gets its own underline row — nothing is hidden
3. 3Numbers sit below the text — never blocking the Arabic

• Underline rows stack automatically — the system assigns rows to avoid overlap
• Line spacing increases dynamically to accommodate as many layers as needed
• All highlight colours are preserved exactly in PDF export

Every annotation appears as a card in the side panel. Notes, colours, and relationship trees are all visible at a glance.

1. 1Colour swatch matches the highlight in the passage
2. 2Full note text always visible in the panel
3. 3Linked terms displayed as a visual relationship tree
4. 4Edit any annotation at any time

• Click any card to scroll the passage to that annotation and pulse it briefly
• Drag cards to reorder them — the layer order in the passage updates to match
• Cards can be deleted individually — annotation numbers reindex automatically

Connect any two annotated spans to show their structural relationship. A curved arrow appears above the passage with the first 3 words of your note as a label.

1. 1Arrow originates from the midpoint of the source span
2. 2Arrowhead points to the destination
3. 3First 3 words of your note appear on the arrow
4. 4Add multiple links from a single annotation

• Links are directional — source governs or connects to destination
• Multiple links from one annotation fan out as separate arrows
• All arrows are preserved in the PDF export

Split any passage into numbered lines at punctuation marks or after any selected span. Analyze one clause at a time.

1. 1Scissors appear at punctuation marks — tap to split
2. 2Lines are numbered automatically — always sequential
3. 3Merge any line back into the one above it
4. 4Undo reverses any action — splits, merges, and annotations

• Each line is independently annotatable
• Select any span and tap "Break line after this" to split at any position
• Up to 50 lines per passage — undo history tracks the last 20 actions

Rest your cursor on any highlighted span for half a second and the annotation note appears above it — no clicking needed.

1. 1Note preview appears after 500ms hover — no clicking needed
2. 2Linked terms shown directly in the preview
3. 3Annotation number for quick reference

• Tooltip disappears immediately when cursor leaves the span
• If a span has multiple annotations all notes appear in a combined tooltip
• On mobile a single tap shows the same preview

Download a formatted PDF of your entire session — annotated passage, all notes, and relationship chains — ready to print or share.

1. 1Annotated passage with all highlights on the first page
2. 2Annotations always start on a fresh page
3. 3Each entry shows the span, note, and relationship chain
4. 4Source → Target chain preserved in the export

• Margins set for standard A4 printing including binding allowance
• Embedded Arabic font renders correctly on any device — no system font needed
• Generated entirely in the browser — no server upload of your content