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

मेसनरी ब्लॉग फ़ोटो ग्रिड

ब्लॉग · Pro सोर्स

CSS कॉलम पर बना एक फ़ोटो-फ़र्स्ट ब्लॉग इंडेक्स, जहाँ हर कवर एक साझा फ़्रेम में क्रॉप होने की बजाय अपना एस्पेक्ट रेशियो बनाए रखता है। पोर्ट्रेट और लैंडस्केप शॉट चार कॉलम में मिलकर बैठते हैं, हर एक अपरकेस हेडलाइन और टैग चिप की रो के नीचे, और एक load more लिंक सेक्शन को बंद करता है। हर रंग एक थीम टोकन है, इसलिए यह बिना किसी एडिट के लाइट और डार्क में आपके पैलेट को फ़ॉलो करता है।

ब्लॉग
Neobrutalist masonry blog grid for React and Tailwind CSS: four columns of bordered photographs at different heights, each with an uppercase headline, a date and outlined tag chips beneath it, and a black Load more articles button centred at the bottom.
मेसनरी ब्लॉग फ़ोटो ग्रिड
  • Hero, प्राइसिंग और auth
  • हर ब्रेकपॉइंट का पूर्वावलोकन करें
  • स्रोत की प्रतिलिपि बनाएँ
  • MCP स्थापित करने के लिए तैयार
  • Radix · Base UI · React Aria
  • 158 तैयार-निर्मित ब्लॉक
  • पृष्ठ के शिपिंग वाले खंड
  • डैशबोर्ड और विपणन
  • Pro कोड अनलॉक करता है
  • ड्रॉप-इन लेआउट

ताकतवर है

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

और ब्लॉग लेआउट (7)

सभी देखें

https://neobrutalism.com/hi/blocks/blogs/masonry-blog-photo-grid

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

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