{"id":48784701,"url":"https://github.com/kuficdraw/kuficdraw","last_synced_at":"2026-04-13T16:06:04.743Z","repository":{"id":183746289,"uuid":"477106263","full_name":"kuficdraw/kuficdraw","owner":"kuficdraw","description":"Tiny app for drawing square Kufic.","archived":false,"fork":false,"pushed_at":"2023-03-16T14:16:20.000Z","size":882,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2024-04-20T08:15:41.934Z","etag":null,"topics":["drawing","paperjs","productivity","reactjs","typescript","whiteboard"],"latest_commit_sha":null,"homepage":"https://kuficdraw.vercel.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kuficdraw.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2022-04-02T16:13:37.000Z","updated_at":"2024-03-13T04:23:04.000Z","dependencies_parsed_at":"2023-07-25T16:57:32.854Z","dependency_job_id":null,"html_url":"https://github.com/kuficdraw/kuficdraw","commit_stats":null,"previous_names":["kuficdraw/kuficdraw"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/kuficdraw/kuficdraw","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kuficdraw%2Fkuficdraw","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kuficdraw%2Fkuficdraw/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kuficdraw%2Fkuficdraw/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kuficdraw%2Fkuficdraw/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kuficdraw","download_url":"https://codeload.github.com/kuficdraw/kuficdraw/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kuficdraw%2Fkuficdraw/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31759648,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-13T15:25:13.801Z","status":"ssl_error","status_checked_at":"2026-04-13T15:25:09.162Z","response_time":93,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["drawing","paperjs","productivity","reactjs","typescript","whiteboard"],"created_at":"2026-04-13T16:05:59.672Z","updated_at":"2026-04-13T16:06:04.730Z","avatar_url":"https://github.com/kuficdraw.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\n\u003cimg src=\"https://user-images.githubusercontent.com/50374022/144767446-34eab890-5db8-49b8-be82-5ec0aae0bf0b.png\" alt='HisnElmoslem logo' width=\"150\"/\u003e\n\t\n\n# Kufic\n\n[![version](https://img.shields.io/badge/version-Alpha-yellow.svg)](https://github.com/kuficdraw/kuficdraw)\n![GitHub all releases](https://img.shields.io/github/downloads/kuficdraw/kuficdraw/total?color=green\u0026label=Total%20Downloads)\n\nTiny app for drawing square Kufic.\n\n\u003cdiv align=\"right\"\u003e\n\nهو تطبيق لمساعدة المبتدئين في الخط الكوفي الهندسي أو تسريع عملية التفكير والتنفيذ لو أنت حد كويس في المجال وكمان لو أنت شغال Pixel art هينفعك كذلك\n\t\n# المميزات\n\t\nعشان هو بيقدملك حاجات كتيرة مش هتقدر تعملها بـ Illustrator ودا هياخدنا مباشرة إننا نتكلم عن المميزات.\n\t\n- مجاني وخالي من الإعلانات وقريبا هيكون مفتوح المصدر إن شاء الله.\n- البرنامج خفيف الحجم وهيغينك عن برنامج بحجم Illustrator لمجرد إنك داخل تعمل Grid عشان تستخدم الـ Builder tool.\n- التخلص من المعاناة اللي بتقابلها كل مرة وأنت بتظبط الـ Grid للتكوين اللي هتشتغل عليه.\n- التخلص من الفوضى اللي بتحلص لو غلط وأنت بترسم فترجع تاني وتبدأ من الأول عندنا بترسم بكلك شمال وبتمسح بكلك يمين عادي.\n- تغيير الكتلة والفراغ لو أنت عاوز تجرب التكوين بتاعك بأكتر من طريقة.\n- النسخ واللصق ! طب ما أنا بعمل كدا بـ Illustrator عادي. صحيح بس متقدرش تخلي الكتلة فراغ ولا العكس.\n- بورد لانهائي مش هتقلق بقى من ظبط العرض والطول بتاع الـ Grid ولو التكوين محتاج يكبر نرجع نظبط الموضوع تاني.\n- ترسم خط! طب ما أنا بعمل كدا بـ Illustrator عادي. بس متقدرش ترسم مربع من نقطة لنقطة بضغطة زرار والمربع دا إما تختار الحدود بس اللي تترسم أو المربع بالكامل.\n- اخراج البورد كـ PNG أو SVG يعني متكامل مع البرامج اللي أنت شغال عليها.\n- اخراج البورد بصيغة .bably على اسم صديقي أحمد البابلي ودا هنتكلم عنه تحت طب أي الفايدة من الصيغة دي؟ تقدر تخرج البورد بتاعك وترجع تفتحه  تاني في أي وقت.\nطبعا الكلام هيطول خش وجرب بنفسك\n\t\n# أوضاع البرنامج\n\t\n- وضع الرسم (ctrl + 1)\n- وضع التحديد (ctrl + 2)\n- وضع التحريك للصور (ctrl + 3)\n- وضع المسطرة (ctrl + 4)\n\t\n# التحرك في البرنامج\n\n- ببكرة الماوس اضغط عليها عشان تعمل Pan\n- حرك بكرة الماوس عشان تعمل بيها Zoom\n- اختصار Zoom In (ctrl + +)\n- اختصار Zoom out (ctrl + -)\n- اختصار Pan to content (ctrl + 0) | Mouse wheel double click\n\t\n\t\n# وضع الرسم (ctrl + 1)\n\n- بترسم بكلك شمال ضغطة واحدة أو اضغط واسحب\n- لو عاوز ترسم حدود مربع من آخر نقطة أنت ضاغط عليها لعند النقطة اللي هتضغط عليها اضغط Shift \n- لو عاوز ترسم مربع كامل من آخر نقطة أنت ضاغط عليها لعند النقطة اللي هتضغط عليها اضغط Alt\n- لو عملت اللي فات دا مع كلك يمين هتمسح\n- الألوان بتختارها من فوق على اليمين من Coloring\n- بشكل افتراضي لو رسمت حاجة ورجعت ترسم عليها وتغير لو نها دا مش هيحصل فلو عاوز تغير السلوك دا من فوق على اليمين خش على الـ Settings واختار Override Drawing\n- ماذا لو عاوز تلون فقط بس مش عاوز ترسم من نفس المكان اختار Paint Only\n- وبالمرة هتلاقي حاجاتين وهم\n- خاصية Show Grid ودا لو عاوز تبين خطوط الجريد أو تخفيها واختصارها G\n- خاصية Dash Grid ودا لو عاوز الجريد إما خطوط عادية أو متقطعة واختصارها D \n\t\n# وضع التحديد (ctrl + 2)\n\n- اضغط واسحب عشان تحدد المربعات اللي أنت رسمها\n- بتحدد الكل بـ (ctrl + A)\n- بتلغى التحديد بكلك يمين أو Escape\n- انسخ اللي أنت محدده بـ (ctrl + c)\n- اللصق بـ (ctrl + v)\n- لو عاوز تشوف الدنيا هيكون شكلها أي قبل ما تلزق (ctrl + shift + v)\n- طبعا لما تحدد حاجة تقدر تخرجها من File Export Selected\n  - وتخرجها إما صورة بجودة من 72 لـ 300 DPI\n  - أو SVG\n\n# وضع التحريك للصور (ctrl + 3)\n\n- لما تضيف صورة ودا من فوق على اليمين اختار File Import Image\n- تقدر تحرك الصورة بإنك تضغط عليها وتسحبها بكلك شمال\n- ودا عشان  كلك يمين محجوز إنك تكبر وتصغير حجم الصورة بيه\n- بس لو عاوز تلفها بتعمل دا بكلك شمال وأنت ضاغط shift\n- لكن لو حابب تـ Snap كل 15 درجة بتضغط ctrl معاهم\n\t\n# وضع المسطرة (ctrl + 4)\n- ودا لما تجيب صورة لتكوين وعاوز تعرف تظبط الكتلة والفراغ على أي بشكل افتراضي الكتلة هتكون 100 على طول وهو هيقولك الفراغ يكون كام\n- بعد تروح فوق على اليمين من Board Size واظبط التكوين  بتاعك واعمل Regenerate\n\n# اختصارات\n- حفظ البورد Ctrl + S\n- حفظ البورد كـ SVG عن طريق ctrl + shift + S\n- حفظ البورد كـصورة عن طريق ctrl + alt + shift + S\n\n# الميزات المستقبلية\n\n- إنشاء تاريخ للبرنامج للعودة في حالة حودث خطأ (ctrl + z | ctrl + shift + z)\n- تعديل الواجهة\n- إضافة الحروف الأبجدية\n- إضافة معرض للأعمال\n- إصلاح المشاكل الموجودة في الإصدار الحالي وفي حالة حدوث خطأ تواصل معي على هذا البريد : hasaneltantawy@gmail.com\n\t\n# لتعلم\n\t\nبما إنك وصلت لهنا فاعلم إن البرنامج دا مكنش هيطلع لولا فضل الله ومساعدة صديقي أحمد البابلي مين هو؟ هو طالب في كلية الهندسة جامعة المنصورة قسم عمارة اتعلم الخط في فريق ضاد في الكلية وهو صاحب فكرة التطبيق ودا بإنه يساعد الناس اللي عاوز تتعلم خط كوفي وميتحطوش في نفس المشاكل اللي كان بيواجهها في بداية تعلمه وكمان كان دايما بيعيطني تقييم عن أداء البرنامج وممكن أضيف أي\n\n\u003cdiv align=\"left\"\u003e\n\n# Technologies\n\n- JS framework: React JS\n- Canvas Library: Paper JS\n- Desktop Clients: Tauri\n- Language: Typescript\n- Host: Vercel\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkuficdraw%2Fkuficdraw","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkuficdraw%2Fkuficdraw","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkuficdraw%2Fkuficdraw/lists"}