सामग्री पर जाएँ

स्प्लिट स्क्रीन साइन इन फ़ॉर्म

ऑथेंटिकेशन · Pro सोर्स

एक बॉर्डर कार्ड को बीचोबीच काटकर बनी फ़ुल-हाइट साइन इन स्क्रीन। बाईं आधी हिस्सा प्रोवाइडर बटन से शुरू होता है, उनके नीचे एक OR रूल डालता है और नीचे ईमेल, पासवर्ड और रिमेंबर रो रखता है, इस मान्यता पर कि ज़्यादातर लोग वन-क्लिक रास्ता लेते हैं। दायाँ आधा हिस्सा एक फ़ुल-ब्लीड आर्टवर्क पैनल है जो सिर्फ़ md ब्रेकपॉइंट से ऊपर दिखता है, इसलिए फ़ोन पर कुछ भी क्रॉप नहीं होता। इसके साथ कोई ऑथ लॉजिक नहीं शिप होता — फ़ॉर्म जानबूझकर बिना जोड़े रखा गया है।

ऑथेंटिकेशन
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 कोड अनलॉक करता है
  • ड्रॉप-इन लेआउट

ताकतवर है

साथ ही lucide-react आइकन और Tailwind CSS — कोई दूसरी रनटाइम निर्भरता नहीं।

और ऑथेंटिकेशन लेआउट (6)

सभी देखें

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

पसंद डेवलपर्स, डिज़ाइनर्स
और क्रिएटर्स की

  • आपकी UI किट मिल गई और तुरंत ले ली। नई है, एक्टिवली मेंटेन होती है और लगातार बेहतर हो रही है — कमाल का काम! 🤘

    Ziv Reich, सॉफ़्टवेयर डेवलपर
  • बस इतना कहना था कि neobrutalism.com पर बढ़िया काम किया. सच में बहुत पसंद है. डिज़ाइन मुझसे होता नहीं, तो यह मेरे लिए कमाल की चीज़ रही. अपनी पर्सनल साइट पर इस्तेमाल किया.

    Paul Bratslavsky, Coding With Paul के क्रिएटर
  • आख़िरकार Neobrutalism.com से अपनी पर्सनल वेबसाइट फिर से बनाई — मज़ेदार लाइब्रेरी, शुरू करना बहुत आसान!

    Cameron Blackwood, कंटेंट क्रिएटर
  • Neobrutalism.com रेट्रो स्टाइल की मेरी पसंदीदा UI कंपोनेंट लाइब्रेरी में से एक है — कंपोनेंट जो सच में ship होते हैं।

    Zhengyang Hou, इंडी हैकर
  • वेब के लिए मेरी पसंदीदा ui लाइब्रेरी में से एक. बढ़िया काम — उम्मीद है यह और भी आगे जाएगी.

    Taseen Tanvir, फ़ाउंडर और डिज़ाइनर
  • Neobrutalism.com Pro आज़माया — बाक़ी से अलग UI किट, सच में ताज़गी भरी। नियोब्रूटलिज़्म ब्लॉक्स 🔥 से अजीब लेआउट का प्रोटोटाइप कहीं तेज़ हो गया।

    Nitesh Padghan, घोस्टराइटर
  • ब्यूटीफ़ुल लैंडिंग पेज डिज़ाइन, परफ़ेक्ट बैलेंस और फ्लो के साथ। कलर पैलेट और एनिमेशन मिलकर एक्सेप्शनल यूज़र एक्सपीरियंस बनाते हैं।

    Alan Obeng-Peprah, Senior Designer @ NativeXAI
  • उन्होंने जो डिज़ाइन डिलीवर किया, उससे मैं सच में इंप्रेस्ड हूँ। फ़ाइनल प्रॉडक्ट बिल्कुल वैसा ही था जैसा मैंने सोचा था।

    Desmond, Co-founder @ VectorlabsVentures
  • एजेंसी ओनर के तौर पर मैं क्लाइंट लैंडिंग लेआउट पर हफ़्ते लगा देता हूँ। Neobrutalism.com के साथ मैं टेम्प्लेट लगाता हूँ, कॉपी ट्वीक करता हूँ, और शिप के लिए तैयार।

    Duke Opoku Amankwah, Founder @ Midas
  • टेम्प्लेट सिर्फ़ विज़ुअली स्टनिंग नहीं — स्ट्रक्चर भी बहुत अच्छा है। हफ़्तों का डेवलपमेंट टाइम बचाया।

    Abiola Braimah, Developer @ Studio IX
  • आउटस्टैंडिंग क्वालिटी और डिटेल पर ध्यान। रिस्पॉन्सिव डिज़ाइन हर डिवाइस पर फ्लॉलेस काम करता है।

    Acromond X., Co-founder @ VectorlabsVentures
  • इन टेम्प्लेट को हमारे वर्कफ़्लो में जोड़ने से डेवलपमेंट साइकिल काफी कम हो गई। शानदार काम।

    Raquib S., Backend Developer
  • ये टेम्प्लेट हमारा गो-टू रिसोर्स बन गए हैं। कोड क्लीन है, अच्छी तरह डॉक्यूमेंटेड, और आसानी से कस्टमाइज़ हो जाता है।

    Hallic M., Developer @ AtlasLabs
  • Neobrutalism.com टेम्प्लेट एस्थेटिक्स और फ़ंक्शनैलिटी का परफ़ेक्ट बैलेंस रखते हैं। हमारे प्रोजेक्ट्स के लिए असली गेम-चेंजर।

    Ibrahim S., Frontend Lead @ ScaleUp
  • आउटस्टैंडिंग सपोर्ट और प्रीमियम क्वालिटी टेम्प्लेट। इन टेम्प्लेट पर ROI फ़ीनॉमिनल है।

    Kevin K., CEO @ WebCraft
  • Neobrutalism.com टेम्प्लेट ने नए क्लाइंट प्रोजेक्ट्स के अप्रोच को पूरी तरह बदल दिया। कोड क्वालिटी एक्सेप्शनल है और डिज़ाइन सच में वर्ल्ड-क्लास।

    Danny G., Founder of DevStack
  • मैंने कई टेम्प्लेट लाइब्रेरी इस्तेमाल की हैं, लेकिन Neobrutalism.com परफ़ॉर्मेंस ऑप्टिमाइज़ेशन और क्लीन कोड आर्किटेक्चर की वजह से अलग है।

    Ian D., CTO at Wavelength
  • इन टेम्प्लेट में एनिमेशन और माइक्रो-इंटरैक्शन बिल्कुल शानदार हैं। डिज़ाइन टीम के लिए बेस्ट इन्वेस्टमेंट।

    Ben S., Lead Designer at PixelPerfect
  • नॉन-टेक्निकल फ़ाउंडर के तौर पर Neobrutalism.com टेम्प्लेट ने डिज़ाइन क्वालिटी से समझौता किए बिना रिकॉर्ड समय में MVP लॉन्च करने में मदद की। हमारे इन्वेस्टर्स हैरान रह गए।

    Matthew I., Startup Founder
  • मुझे पसंद है कि ये कंपोनेंट कितने मॉड्यूलर और अच्छी तरह डॉक्यूमेंटेड हैं। अलग-अलग टेम्प्लेट के टुकड़े आसानी से मिला पाए।

    Garrett P., Frontend Lead at TechFusion
  • Neobrutalism.com टेम्प्लेट पर ROI अविश्वसनीय है। डेवलपमेंट टाइम बहुत कम हो गया और क्लाइंट्स को बेहतर क्वालिटी साइट्स मिल रही हैं।

    Xavier C., Agency Owner

अक्सर पूछे
जाने वाले सवाल

स्प्लिट स्क्रीन साइन इन फ़ॉर्म ब्लॉक को कैसे बनाया जाता है, आप क्या बदल सकते हैं, और इसे यहाँ अन्य लेआउट की जगह कब इस्तेमाल करें।

ब्लॉक एक्सेस समस्या? ईमेल[email protected]