الانتقال إلى المحتوى

دخول بشاشة مقسومة

تسجيل الدخول والاشتراك · Pro source

شاشة دخول كاملة الارتفاع مبنية كبطاقة واحدة محاطة بحدود مقسومة من المنتصف. النصف الأيسر يتصدّره زرا المزوّد، ويسقط خط OR تحتهما ويضع البريد وكلمة المرور وصف التذكّر تحته، على افتراض أن معظم الناس يسلكون المسار بنقرة واحدة. النصف الأيمن لوحة عمل فني كاملة الامتداد تظهر فقط من نقطة الكسر md فأعلى، فلا يُقصّ شيء على الهاتف. لا منطق توثيق يُشحَن معه — النموذج غير موصول عمداً.

فتح معاينة مباشرةاحصل على Neobrutalism Pro
تسجيل الدخول والاشتراك
Neobrutalist split screen sign in page for React and Tailwind CSS: on the left a SIGN IN heading, Google and GitHub buttons, an OR rule, email and password fields with an eye toggle, a Remember me checkbox and a Sign In button; on the right a full height panel of symmetrical flat artwork with a black pupil inside a yellow starburst eye.
دخول بشاشة مقسومة
  • Hero والتسعير وauth
  • معاينة كل نقطة توقف
  • انسخ النص الأصلي
  • MCP جاهز للتثبيت
  • Radix · Base UI · React Aria
  • 158 الكتل الجاهزة
  • أقسام الصفحة التي يتم تضمينها
  • لوحات المعلومات والتسويق
  • Pro يفتح الرمز
  • تخطيطات قابلة للتعديل
معاينةمجانيافتحها بملء الشاشة وبدّل نقطة التوقف أو المظهر.الكودProملف TSX مكتفٍ ذاتيًّا واحد. انسخه، تملكه.تثبيتProأمر واحد من واجهة أوامر shadcn — أو طلب الوكيل لـ Claude Code أو Cursor أو أي عميل MCP.

مبني باستخدام

بالإضافة إلى أيقونات lucide-react و Tailwind CSS — بدون أي تبعية وقت تشغيل أخرى.

المزيد من تخطيطات تسجيل الدخول والاشتراك (6)

عرض الكل

https://neobrutalism.com/ar/blocks/authentication/split-screen-sign-in-form

محبوبة من المطوّرين والمصمّمين
وصنّاع المحتوى

  • صادفت عدة الـ UI بتاعتك وأخدتها على طول. جديدة ومصانة وبتتحسّن على طول — شغل رائع! 🤘

    Ziv Reich, مطوّر برمجيات

  • حبّيت بس أقول شغل ممتاز على neobrutalism.com. عاجبني جدًا. أنا فاشل في التصميم، فده كان إنقاذ. استخدمته في موقعي الشخصي.

    Paul Bratslavsky, صاحب قناة Coding With Paul

  • أخيرًا أعدت بناء موقعي الشخصي مع Neobrutalism.com — مكتبة ممتعة وسهلة جدًا للبدء!

    Cameron Blackwood, صانع محتوى

  • Neobrutalism.com من أفضل مكتبات مكوّنات الـ UI بأسلوب الرترو عندي — مكوّنات تقدر تشحنها فعليًا.

    Zhengyang Hou, مطوّر مستقل

  • من أفضل مكتبات الـ ui عندي للويب. شغل رائع — أتمنى لها كل التوفيق وأكتر.

    Taseen Tanvir, مؤسّس ومصمّم

  • جرّبت Neobrutalism.com Pro — عدة UI مش شبه كل حاجة تانية. البلوكات النيوبروتالية 🔥 خلّت تجربة اللايآوتات الغريبة أسرع بكتير.

    Nitesh Padghan, كاتب بالنيابة

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

    Alan Obeng-Peprah, مصمم أول @ NativeXAI

  • أنا معجب جدًا بالتصميم الذي سلّموه. المنتج النهائي طابق تمامًا ما تصوّرته.

    Desmond, شريك مؤسس @ VectorlabsVentures

  • كمالك وكالة، عادةً أقضي أسابيع في ضبط تخطيطات صفحات الهبوط للعملاء. مع Neobrutalism.com أُدرج قالبًا، أعدّل النصوص، وأكون جاهزًا للنشر.

    Duke Opoku Amankwah, مؤسس @ Midas

  • القوالب ليست مذهلة بصريًا فحسب، بل منظمة بشكل ممتاز أيضًا. وفّرت علينا أسابيع من وقت التطوير.

    Abiola Braimah, مطوّر @ Studio IX

  • جودة فائقة واهتمام بالتفاصيل. التصميم المتجاوب يعمل بلا عيوب على كل الأجهزة.

    Acromond X., شريك مؤسس @ VectorlabsVentures

  • دمج هذه القوالب في سير عملنا قلّص دورة التطوير بشكل ملحوظ. عمل ممتاز.

    Raquib S., مطوّر خلفي

  • أصبحت هذه القوالب مرجعنا الأساسي. الكود نظيف، موثّق جيدًا، وسهل التخصيص.

    Hallic M., مطوّر @ AtlasLabs

  • قوالب Neobrutalism.com تحقق التوازن المثالي بين الجمالية والوظيفة. نقلة حقيقية لمشاريعنا.

    Ibrahim S., قائد الواجهة الأمامية @ ScaleUp

  • دعم متميز وقوالب بجودة premium. العائد على هذه القوالب مذهل.

    Kevin K., الرئيس التنفيذي @ WebCraft

  • غيّرت قوالب Neobrutalism.com تمامًا طريقة تعاملنا مع مشاريع العملاء الجدد. جودة الكود استثنائية والتصاميم عالمية المستوى.

    Danny G., مؤسس DevStack

  • استخدمت مكتبات قوالب كثيرة، لكن Neobrutalism.com يتفوّق بالاهتمام بتحسين الأداء وبنية كود نظيفة.

    Ian D., CTO في Wavelength

  • الحركات والتفاعلات الدقيقة في هذه القوالب مذهلة تمامًا. أفضل استثمار لفريق التصميم لدينا.

    Ben S., مصمم رئيسي في PixelPerfect

  • كمؤسس غير تقني، ساعدتنا قوالب Neobrutalism.com على إطلاق MVP في وقت قياسي دون المساس بجودة التصميم. انبهر مستثمرونا.

    Matthew I., مؤسس شركة ناشئة

  • أقدّر مدى كون هذه المكوّنات معيارية وموثّقة جيدًا. تمكّنا من مزج أجزاء من قوالب مختلفة بسلاسة.

    Garrett P., قائد الواجهة الأمامية في TechFusion

  • عائد قوالب Neobrutalism.com مذهل. قلّصنا وقت التطوير بشكل كبير مع تسليم مواقع أعلى جودة لعملائنا.

    Xavier C., مالك وكالة

أسئلة
متكررة

كيفية تجميع بلوك دخول بشاشة مقسومة، ما الذي يمكنك تغييره، ومتى تستخدمه بدلاً من التخطيطات الأخرى هنا.

مشكلة في الوصول إلى «بلوك»؟ أرسل بريدًا إلكترونيًّا[email protected]
Get Pro — Save 33%--:--:--