الملف الشخصيبلوكات
شاشات الملف الشخصي وإعدادات الحساب. كتل واجهة React جاهزة بمظهر نيوبروتالي — هيرو، وتسعير، ومصادقة، ولوحات تحكم والمزيد. عاين كل حجم شاشة، انسخ الكود، أو ثبّت عبر وكيل الذكاء الاصطناعي وخادم MCP لدينا. تعمل مع Radix UI و Base UI و React Aria.
- Hero والتسعير وauth
- معاينة كل نقطة توقف
- انسخ النص الأصلي
- MCP جاهز للتثبيت
- Radix · Base UI · React Aria
- 158 الكتل الجاهزة
- أقسام الصفحة التي يتم تضمينها
- لوحات المعلومات والتسويق
- Pro يفتح الرمز
- تخطيطات قابلة للتعديل
تصفح كل تخطيط
الملف الشخصي
9 بلوكات — افتح أي بطاقة لمعاينة بملء الشاشة والكود وخطوات التثبيت.
- 01Pro
صفحة إعدادات حساب الملف الشخصي
عرض ملفك الشخصي وأنت مسجَّل الدخول: لوحتا نبذة ومهارات، وموجز نشاط، ومفاتيح إعدادات مُسمَّاة. React وTailwind: اربط المفاتيح.
- 02Pro
لوحة تحكم ملف مطور
سنة من المساهمات مرسومة كخريطة حرارية باثنين وخمسين أسبوعًا، فوق أشرطة كفاءة وموجز نشاط أخير. React وTailwind: أطعمها بيانات commit خاصة بك.
- 03Pro
بطاقة ملف شخصي بغلاف قطري
صورة الغلاف مقصوصة بزاوية وصورة رمزية مربّعة تندفع عبر القطع، فوق ثلاثة أعداد. React وTailwind: استبدل فن الغلاف.
- 04Pro
بطاقة سجل موظف
يتصدّر المسمى الوظيفي لا الاسم، مع تفاصيل العقد على لوحة معبَّأة فوق أربع بلاطات مقاييس. React وTailwind: ابنِ دليل موظفين.
- 05Pro
قسم بطل ملف محفظة
قسم بطل يتصدّر الصفحة باسم عملاق من سطرين، وإجراءات توظيف، وصورة بارتفاع كامل. React وTailwind: ضع صورتك الخاصة في العمود النهائي.
- 06Pro
بطاقة ملف بروابط اجتماعية
أربعة روابط أيقونات مربّعة هي المحتوى الرئيسي هنا، تحت صورة محاطة بحلقة بلون العلامة على بطاقة بلونين. React وTailwind: وجّهها إلى حساباتك.
- 07Pro
بطاقة رأس ملف اجتماعي
لافتة غلاف منقوشة مع صورة دائرية تخرج منها، وزر Follow وأعداد متابعين. React وTailwind: ضعها في مسار ملف شخصي.
- 08Pro
بطاقة ملف بتقييم نجوم
صف نجوم أربعة من خمسة يحركه رقم واحد، على بطاقة معبَّأة بلون العلامة مع نبذة وثلاثة أعداد. React وTailwind: عدّل ثابت التقييم.
- 09Pro
بطاقة ملف بصورة عريضة
بطاقة أفقية تنمو صورتها الطويلة لتطابق النص بجانبها: دور، وثلاثة مقاييس، وFollow وConnect. React وTailwind: صفّها في شبكة فريق.