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

सोशल प्रोफ़ाइल हेडर कार्ड

प्रोफ़ाइल · Pro सोर्स

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

प्रोफ़ाइल
Neobrutalist social profile header card for React and Tailwind CSS: a colourful geometric cover banner with a Design plus Code pill in the centre, a circular portrait overlapping the banner's lower edge, a name and at-handle with a yellow Follow button opposite, a one-line bio, following and follower counts, and website and location rows with small icons.
सोशल प्रोफ़ाइल हेडर कार्ड
  • Hero, प्राइसिंग और auth
  • हर ब्रेकपॉइंट का पूर्वावलोकन करें
  • स्रोत की प्रतिलिपि बनाएँ
  • MCP स्थापित करने के लिए तैयार
  • Radix · Base UI · React Aria
  • 158 तैयार-निर्मित ब्लॉक
  • पृष्ठ के शिपिंग वाले खंड
  • डैशबोर्ड और विपणन
  • Pro कोड अनलॉक करता है
  • ड्रॉप-इन लेआउट

ताकतवर है

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

और प्रोफ़ाइल लेआउट (8)

सभी देखें

https://neobrutalism.com/hi/blocks/profile/social-profile-header-card

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

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