Canvas and export share one geometry — what you see is exactly what ships. Pick the format for the job.
For the screen
A quick raster of the canvas as you see it. Free, with a small watermark.
The pattern as ready-to-paste CSS for your studio’s website.
For print and product
True vectors at screen size or 2400px — print-ready, editable in Illustrator.
A seam-verified tile for fabric, wallpaper and product printing — edges guaranteed to meet.
A one-page A4 concept sheet — your pattern, palette swatches with material names, dimensions in millimetres and the historical provenance — the sheet that goes to the client, generated in one click.
For fabrication
Line-work your fabricator’s CNC or laser software opens directly — AutoCAD, Rhino, VCarve.
A print-ready module with physical mm dimensions and DPI — for tile manufacturers.
Every zellige piece counted and labelled — CSV plus a cutting sheet for the workshop.
Free PNG exports carry a watermark. Creator unlocks watermark-free PNG, ready-to-paste CSS patterns, SVG, and seam-verified repeat tiles for fabric, wallpaper and product printing.
Compare
Compare with a snapshot
Current
Snapshot
Pick a snapshot from this project to place beside your current pattern.
Tile module
Print-ready tile module
For manufacturers printing or pressing the pattern onto standard modules. The artwork is seam-verified before export.
Projects
Manage projects
Each project keeps its own snapshots. Rename to tidy duplicates,
merge to fold one into another, delete to clear a brief.
Zakhraf Creator
Continue with Creator
You reached a Creator feature.
✓ Generative, Grid and Sacred pattern engines
✓ Two-level polychrome and colour metamorphosis
✓ Brass, zellige and nacre material palettes
✓ 2400px watermark-free PNG and SVG
✓ DXF for CNC, repeat tile and cut schedule
✓ Fabrication check and product mockup export
✓ Unlimited snapshots · Commercial use licence
Log in first, then upgrade.
7-day free trial · Cancel anytime
Keyboard
Shortcuts
Islamic / Generative / Grid / Sacred1–4
RandomiseR
Export SVGS
Export PNGP
Zoom in / out+ / −
Reset view0
This overlay?
CSS Pattern · Creator
Seamless CSS tile
…
…
Paste into any stylesheet. The tile is one exact translational period; the browser handles the repetition. Payload includes the entire pattern inline as a data URI, so complex interlaced designs produce large CSS. For anything above a few hundred KB, use the SVG export and reference the file with background-image: url(pattern.svg) instead.
Mockup preview
See it in a room
Pattern projected onto the surface with perspective-correct mapping. Use Reposition to align it to any wall or surface in the scene.
Zakhraf Studio
The geometry of the infinite
Analytically exact Islamic patterns, generative curves and sacred constructions.
Every vertex derived, nothing approximated.