حرّك العنوان،
والحروف تبقىAnimate Arabic titles.
Keep the letters
متصلة.
كود الموشن اللي يكتبه الذكاء الاصطناعي يقسّم الكلمة حرفاً حرفاً، فتتفكك العربية. حركة تكشف المشكلة وتصلحها قبل الرندر، في HTML وGSAP وHyperFrames وRemotion، ثم تثبت النتيجة برندر حقيقي.
AI-written motion code splits words letter by letter, and Arabic falls apart. Harakah finds and fixes it before you render — HTML, GSAP, HyperFrames and Remotion — then proves it with a real render.
نفس الكود، كلمة مختلفة تماماًSame code. A completely different word.
قوالب الموشن مكتوبة للإنجليزية: كل حرف في صندوق مستقل ليتحرك وحده. مع العربية يظهر كل حرف بشكله المنفصل، وتنقلب الكلمة في صف من اليسار.
Motion templates are written for Latin: each letter gets its own box so it can move on its own. In Arabic every letter then shows its isolated form, and a left-to-right row reverses the word.
مرّر ببطء: حرفاً حرفاً، حتى تلتئم الكلمةالكلمة نفسها، قبل حركة وبعدهاScroll slowly: letter by letter, until the word holdsThe same word, before and after Harakah
«الحكايات» مقسّمة حرفاً حرفاً تظهر بحروف منفصلة ومقلوبة، وبعد حركة تعود كلمة واحدة متصلة.«الحكايات» split letter by letter shows isolated, reversed letters; after Harakah it is one joined word again.
التفاصيل اللي تفضح القالب المترجمThe details that give a translated template away
تعديلات صغيرة وواضحة في كودك نفسه، مع تعليق عند كل تغيير. وما لا يمكن إصلاحه بأمان يظهر كتنبيه مع اقتراح.
Small, readable edits in your own code, with a comment at every change. Anything that can't be fixed safely is reported with a suggested patch.
الحروف المتقطعةDisconnected letters
تحريك حرفاً حرفاً أو كلمة كلمة بدون ما تنفصل الكلمة، مع «لا» والتشكيل في مكانهما.
Per-letter or per-word motion that keeps words joined, with لا and diacritics intact.
split("") → splitArabic()الاتجاه والمحاذاةDirection and alignment
اتجاه من اليمين، ومحاذاة تتبع اللغة، وكلمات مثل Spotify وعلامات الترقيم في مكانها.
Right-to-left flow, language-aware alignment, and words like Spotify and punctuation where they belong.
dir="rtl" · <bdi>الأرقامDigits
مشرقية ١٢٣ افتراضياً أو غربية 123، بخيار واحد، حتى في العدادات المتحركة: .
Eastern ١٢٣ by default or Western 123 — one switch, even on animated counters: ١٬٢٥٠٬٠٠٠.
--digits easternالخطوط وتراخيصهاFonts and licenses
خط عربي حر بدل الخطوط اللاتينية، وتنبيه قبل رفع خط لا يجوز توزيعه.
An open-licensed Arabic face instead of Latin-only fonts, and a warning before you upload one you can't redistribute.
Montserrat → Alexandriaالتباعد وحالة الأحرفTracking and case
لا تباعد بين الحروف ولا أحرف كبيرة في نص لا يعرفها، ومسافة كافية للتشكيل.
No letter-spacing or uppercase on a script that has neither, and room for diacritics.
letterSpacing: 0كشف، إصلاح، ثم دليلDetect, fix, then prove it
لا نكتفي بقول «تم الإصلاح». حركة ترندر المشهد قبل وبعد، وتعدّ قطع الحبر في كل كلمة، وتقارنها بنص متصل مرجعي. الأوامر والنتائج هنا حقيقية، من مشروع Remotion التجريبي في المستودع.
"Fixed" isn't enough. Harakah renders the scene before and after, counts the ink pieces in every word and compares them with a running-text reference. The commands and output here are real, run on the repo's Remotion demo project.
يكشفDetect
أربع وعشرون قاعدة تغطي التقسيم والاتجاه والأرقام والخطوط والتشكيل، وتتبع النص العربي حتى عبر خصائص المكوّنات.
Twenty-four rules for splitting, direction, digits, fonts and diacritics — and it follows Arabic through component props.
يصلحFix
يعدّل الكود عبر شجرة الصياغة، فلا يلمس شيئاً خارج التغيير، ويترك تعليقاً عند كل سطر. تشغيله مرتين لا يغيّر شيئاً.
Edits go through the syntax tree, touch nothing else, and leave a comment on every line they change. Running it twice changes nothing.
يثبتProve
يرندر كل مشهد قبل وبعد، ويعدّ قطع الحبر في «سلام على أهل الشام» ويقارنها بالنص المتصل: قبل، بعد، والمرجع .
It renders every scene before and after and counts the ink pieces in «سلام على أهل الشام» against running text: 18 before, 12 after, reference 12.
أداة واحدة، وأدواتك كما هيOne fixer, whatever you animate with
في Remotion تعيد حركة كتابة السطر إلى splitArabic()، أو استخدم <ArabicText> مباشرة. وفي HTML وGSAP وHyperFrames تضيف سكربتاً صغيراً يُبقي العناصر نفسها، فتبقى الحركة كما صمّمتها.
In Remotion, Harakah rewrites the line to splitArabic(), or use <ArabicText> directly. In HTML, GSAP and HyperFrames it adds a small runtime shim that keeps the same elements, so your timeline still works.
التبديل بين الأدوات يستخدم View Transitions في المتصفح، فتنتقل البطاقة والكلمة والكود معاً.Switching uses the browser's View Transitions, so the card, word and code move together.
محلي بالكاملRuns entirely on your machine
الأداة تعمل على جهازك. لا يُرفع كود ولا خط ولا فيديو إلى أي خادم.
Nothing leaves your machine — no code, fonts or video are uploaded anywhere.
خطوط حرة فقطOpen-licensed fonts only
البدائل كلها برخصة OFL. والخطوط التي لا يجوز رفعها تبقى للرندر المحلي فقط.
Every fallback is SIL OFL. Fonts that can't be redistributed stay local-render only.
حركة بروHarakah Pro
نسخة مستضافة: رفع مشاريع كاملة، إصلاح دفعات، سجل محفوظ، وAPI لأدوات الذكاء الاصطناعي وCI. الأداة المحلية تبقى مجانية.
A hosted version: whole-project uploads, batch fixes, saved history, and an API for AI tools and CI. The local tool stays free.
نصلحها لكWe'll fix it for you
وكالة أو استوديو بموعد تسليم؟ نراجع ونصلح النصوص العربية في موشن جرافيكس مشروعك.
Agency or studio on a deadline? We review and fix the Arabic in your motion-graphics project.