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

ईकॉमर्स नैवबार विद सर्च

नेवबार · Pro सोर्स

दो कंट्रोल के इर्द-गिर्द बना स्टोरफ़्रंट नैवबार जो शॉपर्स सच में इस्तेमाल करते हैं — कार्ट और सर्च बॉक्स। पीली यूटिलिटी स्ट्रिप में डिलीवरी प्रॉमिस और लाइव कार्ट काउंट वाले तीन आइकन लिंक हैं; नीचे इनवर्टेड बार में लोगो लॉकअप, चार सेक्शन लिंक और सबमिटिंग सर्च फ़ॉर्म है जो फ़ोन पर सिकुड़ने की बजाय अपनी रो पर गिरता है। मोबाइल मेन्यू साइड ड्रॉअर है, इसलिए फ़ोकस ट्रैप करता है और Escape पर बंद होता है, पेज को नीचे धकेलने की बजाय।

नेवबार
Neobrutalist React and Tailwind ecommerce navbar: a yellow strip reading Free delivery on orders over 50 dollars with a Track an order link and cart, account and history icons, above a black bar with the United Marts logo, About, Catalog, Collections and Events links, and a search field.
ईकॉमर्स नैवबार विद सर्च
  • Hero, प्राइसिंग और auth
  • हर ब्रेकपॉइंट का पूर्वावलोकन करें
  • स्रोत की प्रतिलिपि बनाएँ
  • MCP स्थापित करने के लिए तैयार
  • Radix · Base UI · React Aria
  • 158 तैयार-निर्मित ब्लॉक
  • पृष्ठ के शिपिंग वाले खंड
  • डैशबोर्ड और विपणन
  • Pro कोड अनलॉक करता है
  • ड्रॉप-इन लेआउट

ताकतवर है

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

और नेवबार लेआउट (7)

सभी देखें

https://neobrutalism.com/hi/blocks/navbar/ecommerce-navbar-with-search

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

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