KhattatKufic design environmentOpen Editor

A purpose-built Kufic design environment

Build Kufic with precision.

Design, refine, and export geometric Kufic compositions in a workspace created around the logic of the craft.

Open Khattat Watch the workflow
Available onWebWindows desktop
Editor study 07GRID / 32 PX

FIG. 01Infinite canvas / modular drawing / live grid

Specialist by design

Designed around the logic of geometric Kufic.

General-purpose design applications make the grid an accessory. Khattat makes modular construction, spacing, grouping, and reuse the foundation of the workspace.

The result is a focused environment for studying letter structures, testing proportions, and carrying a finished composition into modern production.

From structure to output

A workflow built in three deliberate passes.

Every stage stays on the same grid, so the geometry remains visible from the first block to the exported composition.

01

Construct

Give the letterform a system.

Start with modular blocks, a configurable grid, and the structures that define the composition.

  • Draw and erase directly on the grid
  • Pan and zoom without a fixed page boundary
02

Refine

Resolve proportion, spacing, and rhythm.

Select an area, adjust it as a group, and reuse studied forms without rebuilding them from the beginning.

  • Move, scale, rotate, flip, and duplicate
  • Save positional forms to a searchable library
03

Export

Carry the geometry into production.

Save an editable project, export a clean vector, or make a high-resolution image for presentation.

  • Portable Khattat project files
  • SVG vector and PNG image export
03 / WORKSPACE

The full editor, without the ceremony.

Tools stay at the edge of the canvas. The grid and the composition remain the center of attention.

Active canvasGRID / 32 PX

Core instruments

Professional tools for modular composition.

The interface is narrow in purpose and deep where the craft requires control.

01

Infinite Canvas

Navigate and construct without artificial page constraints. Center the work, zoom from 10% to 500%, and keep the grid continuous in every direction.

Pan / zoom / reset view / fullscreen
02

Personal Library

Store reusable rasm forms by position, then place them directly into new studies.

Reusable presets
03

Precision Snapping

Move, scale, rotate, and flip selections while the grid keeps construction exact.

Selection transforms
04

Grid-Based Construction

Set grid visibility, color, and drawing order around the logic of modular Kufic.

Configurable grid
05

Vector Export

Export clean SVG artwork for print, fabrication, and further design work.

SVG output
06

Image Export

Produce high-resolution PNG files for reviews, presentations, and publishing.

PNG output
07

Desktop Workflow

Keep projects and your preset library in a dedicated Windows application.

Windows 10 / 11
08

Web Access

Open the complete editor in a supported browser with no installation step.

Browser editor
05 / ACCESS

One tool.
Two ways in.

Start immediately in the browser or keep Khattat close as a dedicated desktop workspace.

WEB / READY NOW

Open the editor in your browser.

Use the full canvas and export workflow without installing an application.

Launch web editor

DESKTOP / WINDOWS 10–11

Work in a dedicated application.

Keep a local preset library and use native save dialogs for projects and exports.

Download latest release
06 / OPEN SOURCE

Open tools.
Shared craft.

Khattat is released under the MIT License. Inspect the editor, adapt its systems, report an issue, or contribute an improvement to the project.

Explore on GitHub View project issues
kurzagin / khattatMIT
apps/
desktopTauri application
webWeb editor + product site
packages/
uiShared Khattat editor
<Khattat
  getPresetsAction={getPresetsAction}
  savePresetAction={savePresetAction}
  desktopSaveFileAction={saveFile}
/>
Infinite canvasCustom presetsVector exportGrid systems
07 / SUPPORT & CONTACT

Keep the tool useful. Keep the conversation open.

Support development if Khattat helps your practice, or use the project channels to report a problem and shape what comes next.

Support development

Contributions help keep Khattat free, open, and maintained for the Kufic design community.

Support on Ko-fi
Report an issueGitHub issuesRequest a featureStart a discussionContact the creatorkhattat@krzgn.xyzFollow updates@kurzagin on X

THE NEXT COMPOSITION STARTS AT 0,0

Begin with the grid.

Open Khattat and turn geometric structure into a finished Kufic composition.

Open the Editor Explore on GitHub