مولّد CSS Grid
صمّم الشبكات بصرياً — واحصل على CSS نظيف فوراً.
يعمل 100% داخل متصفحك — لا يتم رفع أي شيء أبداً.
ما هي أداة Grid؟
ابنِ تخطيطات CSS Grid بصرياً: الأعمدة والصفوف والفجوات والمناطق. معاينة حية وCSS جاهز. أداة مجانية. اختر الخيارات المناسبة وستتولد النتيجة فورًا — جاهزة للنسخ مباشرة إلى مشروعك. الأداة مجانية بالكامل وتعمل في أي متصفح حديث دون الحاجة إلى تسجيل — كل شيء يعمل محليًا على جهازك، فبياناتك لا تغادر حاسوبك أبدًا.
طريقة استخدام Grid
- افتح Grid في متصفحك — مجانية ولا تتطلب حسابًا.
- اضبط الخيارات بالشكل الذي تحتاجه بالضبط.
- اضغط زر التوليد — تظهر النتيجة فورًا.
- انسخ المخرجات أو نزّلها كملف لمشروعك.
الأسئلة الشائعة
هل أداة Grid مجانية فعلًا؟
نعم — Grid مجانية 100% بلا حدود وبلا علامات مائية وبلا تسجيل. استخدمها كما تشاء وعلى أي عدد من الملفات أو المدخلات.
هل بياناتي آمنة عند استخدام Grid؟
تمامًا. تعمل Grid بالكامل داخل متصفحك عبر JavaScript — تُعالج مدخلاتك على جهازك ولا تُرفع أبدًا إلى أي خادم.
هل تعمل Grid على الهاتف المحمول؟
نعم. تعمل Grid في أي متصفح حديث على الحاسوب والجهاز اللوحي والهاتف (Chrome وFirefox وSafari وEdge) — دون تثبيت أي تطبيق.
هل تُرفع صوري عند إنشاء Favicon؟
لا. مولّد الـFavicon يغيّر حجم صورتك بواجهة canvas بالكامل في متصفحك ويجمع النتائج في ملف ZIP محلياً. تصميمك لا يغادر جهازك أبداً.
هل كود CSS الناتج جاهز للإنتاج؟
نعم — مولّد التدرجات ينتج CSS قياسياً حديثاً يعمل في كل المتصفحات الحالية، جاهزاً للصق في ملف التنسيق مباشرة.
ما مقاسات الـFavicon التي أحصل عليها؟
الطقم الحديث الكامل: favicon.ico (16/32/48)، وصور PNG بمقاسات 16 و32 و180 (Apple touch) و192 و512 (أندرويد/PWA)، بالإضافة إلى كود HTML جاهز وملف webmanifest.