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

साइन इन कार्ड विद सोशल लॉगिन

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

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

ऑथेंटिकेशन
Neobrutalist sign in card for React and Tailwind CSS: a bordered card with a pale yellow header reading Sign In, an email field, a password field with an eye toggle and a Forgot password link, a Remember me checkbox, a black bordered Sign In button, an Or continue with divider, and GitHub and Google buttons side by side.
साइन इन कार्ड विद सोशल लॉगिन
  • Hero, प्राइसिंग और auth
  • हर ब्रेकपॉइंट का पूर्वावलोकन करें
  • स्रोत की प्रतिलिपि बनाएँ
  • MCP स्थापित करने के लिए तैयार
  • Radix · Base UI · React Aria
  • 158 तैयार-निर्मित ब्लॉक
  • पृष्ठ के शिपिंग वाले खंड
  • डैशबोर्ड और विपणन
  • Pro कोड अनलॉक करता है
  • ड्रॉप-इन लेआउट

ताकतवर है

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

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

सभी देखें

https://neobrutalism.com/hi/blocks/authentication/sign-in-card-with-social-buttons

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

  • आपकी 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]