المولدات

المولدات — 10 أداة للمطورين تعمل في المتصفح، منها مولد UUID ومولد Hash ID ومولد بيانات وهمية. كل شيء يعمل محليًا دون تسجيل أو رفع ملفات، لذا تبقى بياناتك خاصة وتظهر النتائج فورًا.

10 أدوات

مولد UUIDأداة مجانية عبر الإنترنت لإنشاء UUID من النوع v1 وv4 وv7 مع الإنشاء بالجملة والتحقق. تُنشأ المعرّفات بأمان في المتصفح عبر crypto.getRandomValues() حتى 1000 دفعة واحدة، ويكشف v7 وقت الإنشاء.

مولد Hash IDمولد معرّفات hash مجاني ينشئ معرّفات عشوائية قصيرة وآمنة للروابط بأسلوب nanoid. حدّد الطول ومجموعة الأحرف، وأنشئ معرّفاً واحداً أو عدة معرّفات فريدة وانسخها للمفاتيح والروابط.

مولد بيانات وهميةمولد بيانات وهمية مجاني يعتمد على faker.js لإنشاء أسماء وبريد إلكتروني وعناوين واقعية. اختر الحقول وصدّر بيانات الاختبار بصيغة JSON أو CSV أو SQL للتطوير.

مولد رمز QRمولّد رمز QR يحوّل أي نص أو رابط إلى صورة QR مع التحكم في الحجم ومستوى تصحيح الأخطاء ولوني المقدمة والخلفية. نزّل ملف PNG فورًا، ويتم التوليد داخل متصفحك مجانًا.

مولد Faviconمولد favicon مجاني عبر الإنترنت لإنشاء أيقونات من نص أو إيموجي أو لون. اختر الخط والخلفية والشكل، ثم نزّل أيقونات PNG جاهزة بأحجام متعددة لموقعك وتطبيقك ومتصفحك.

مولد موجات SVGمولّد موجات SVG مجاني عبر الإنترنت مع محرر مرئي لأشكال موجية ناعمة. اضبط السعة والألوان والطبقات وطبّق إعدادات جاهزة ثم انسخ كود CSS وSVG لاستخدامه كخلفيات وفواصل للأقسام.

مولد تدرج CSSمولد تدرجات CSS مرئي ومجاني عبر الإنترنت: صمم تدرجات خطية وشعاعية ومخروطية، وأضف نقاط ألوان متعددة، واضبط الزاوية، ثم انسخ كود CSS الجاهز لخلفيات موقعك.

مولد ظل CSS box-shadowمولّد box-shadow في CSS بضوابط للإزاحة والتمويه والانتشار واللون وinset مع معاينة حية للظل. انسخ شيفرة CSS الجاهزة لأي عنصر، مجانًا داخل المتصفح.

مولد CSS border-radiusمولّد border-radius في CSS بثمانية مقابض زوايا مستقلة وأشرطة تمرير ومعاينة حية للشكل المدور. انسخ شيفرة CSS الجاهزة لأي عنصر، مجانًا داخل المتصفح.

مولد CSS Flexboxساحة تجريب CSS Flexbox بمحرر مرئي لـjustify-content وalign-items وflex-direction وwrap مع معاينة حية للتخطيط. تولّد شيفرة Flexbox جاهزة للنسخ، مجانًا داخل المتصفح.

كيفية الاستخدام

1
اضبط عناصر التحكم المرئية— اسحب المؤشرات والمقابض للتدرّج أو الظل أو استدارة الحواف أو تخطيط flexbox؛ تتحدّث المعاينة مع كل تغيير فتضبط القيمة بالنظر.
2
انسخ الشيفرة المولَّدة— يكتب كل مولّد شيفرة CSS جاهزة للصقها في ملف الأنماط، بينما تُصدِّر مولّدات رمز QR والأيقونة المفضّلة وموجة SVG ملفًا تضعه في مشروعك.
3
ولّد المعرّفات وبيانات الاختبار بالجملة— أنشئ دفعة من معرّفات UUID أو Hash ID القصيرة بنقرة واحدة، أو ابنِ سجلات وهمية بصيغة JSON أو CSV لملء جدول أثناء الاختبار.

الأسئلة الشائعة

اختر v7 إن كانت القيمة ستصبح مفتاحًا أساسيًا: فهي تبدأ بطابع زمني بالمللي ثانية، ما يجعل الصفوف الجديدة تتجاور داخل فهرس B-tree بدل أن تتبعثر على صفحات عشوائية. أما إذا كان المعرّف يجب ألا يكشف وقت الإنشاء، كرمز مشاركة عام، فابقَ على v4.

نعم. كلاهما يستخدم crypto.getRandomValues()، وهو المولّد الآمن تشفيريًا في المتصفّح، لا Math.random(). كما يعرض مولّد كلمات المرور الإنتروبيا بالبتات، فترى بنفسك ما إذا كان الطول ومجموعة المحارف التي اخترتها قويّة حقًا.

نعم. مولّدات التدرّج والظل ونصف قطر الحواف وFlexbox تُخرج CSS قياسية إلى جانب معاينة حيّة، والخصائص الناتجة لم تعد تحتاج بادئات المورّدين في المتصفّحات الحديثة. أما مولّد موجات SVG فيمنحك ترميز SVG وشيفرة CSS اللازمة لاستخدامه خلفية.