इस प्रोजेक्ट के बारे में
Tailgrids Tailwind CSS पर आधारित एक ओपन-सोर्स React UI कंपोनेंट लाइब्रेरी है। इसका README इसे 100 से अधिक प्रोडक्शन-रेडी, पूरी तरह से कस्टमाइज़ेबल और कॉपी-पेस्ट के अनुकूल कंपोनेंट्स के साथ-साथ प्रीमियम UI ब्लॉक्स और टेम्पलेट्स के संग्रह के माध्यम से आधुनिक वेब एप्लिकेशन को तेज़ी से शिप करने के तरीके के रूप में प्रस्तुत करता है। इन कंपोनेंट्स को यूजर एक्सपीरियंस, परफॉरमेंस, एक्सेसिबिलिटी, डार्क मोड और रिस्पॉन्सिवनेस पर ध्यान देते हुए हैंडक्राफ्टेड और पिक्सेल-परफेक्ट बताया गया है। इनके उपयोग में वेबसाइट्स, डैशबोर्ड, SaaS उत्पाद, लैंडिंग पेज और इंटरनल टूल्स शामिल हैं।
इंस्टॉलेशन CLI के माध्यम से होता है। एक init कमांड React या Next.js प्रोजेक्ट में कॉन्फ़िगरेशन, बेस स्टाइल और डिपेंडेंसीज़ सेटअप करता है, और एक add कमांड बटन जैसे व्यक्तिगत कंपोनेंट को खींचता है। इसके बाद कंपोनेंट्स को प्रोजेक्ट की components डायरेक्टरी से इम्पोर्ट किया जाता है और variant जैसे props के साथ उपयोग किया जाता है।
वर्जन 3 में इस लाइब्रेरी को फर्स्ट-क्लास React और TypeScript सपोर्ट के साथ फिर से बनाया गया है। सूचीबद्ध विशेषताओं में 100+ मुफ्त कंपोनेंट्स, ऐप्स, डैशबोर्ड, मार्केटिंग, ई-कॉमर्स और AI के लिए 500+ तैयार UI सेक्शन, लचीले थीमिंग सिस्टम के साथ आधुनिक डिज़ाइन टोकन, इन-बिल्ट एक्सेसिबिलिटी, रिस्पॉन्सिव डिज़ाइन और कीबोर्ड नेविगेशन, Next.js, Vite, CRA और अन्य React फ्रेमवर्क के साथ अनुकूलता, बहुत कम भारी डिपेंडेंसीज़ और एक शामिल ओपन-सोर्स SVG आइकन लाइब्रेरी शामिल हैं।
README कंपोनेंट सेट को सूचीबद्ध करता है। फॉर्म और इनपुट तत्वों में बटन, बटन ग्रुप, चेकबॉक्स, रेडियो इनपुट, नेटिव सेलेक्ट, कॉम्बोबॉक्स, OTP इनपुट, डेट पिकर, टाइम पिकर, टेक्स्ट एरिया, स्लाइडर, इनपुट और इनपुट ग्रुप शामिल हैं। लेआउट और नेविगेशन हिस्सों में कार्ड, टैब, एकॉर्डियन, कोलैप्सिबल, ब्रेडक्रम्ब्स, पेजिनेशन, नेविगेशन मेनू, मेन्यूबार, ड्रॉअर, शीट, रिसाइज़ेबल, स्क्रॉल एरिया, एस्पेक्ट रेशियो और सेपरेटर शामिल हैं। फीडबैक और ओवरले कंपोनेंट्स में अलर्ट, अलर्ट डायलॉग, डायलॉग, टोस्ट, टूलटिप, पॉपओवर, होवर कार्ड, कॉन्टेक्स्ट मेनू, प्रोग्रेस, स्केलेटन और स्पिनर शामिल हैं। डेटा डिस्प्ले आइटम में टेबल, चार्ट, अवतार, बैज, लेबल, लिंक और लिस्ट शामिल हैं। प्रत्येक कंपोनेंट को उदाहरणों, API संदर्भों और एक्सेसिबिलिटी नोट्स के साथ डॉक्यूमेंट किया गया है।
UI ब्लॉक्स और टेम्पलेट्स अलग संसाधनों के रूप में पेश किए जाते हैं: ब्लॉक्स डैशबोर्ड, ऐप्स, मार्केटिंग, ई-कॉमर्स और AI उत्पादों के लिए प्रीबिल्ट सेक्शन हैं, जबकि टेम्पलेट्स पूर्ण React और Tailwind पेज और लेआउट हैं। कुछ सामग्री, जैसे कि एंटरप्राइज Figma डिज़ाइन सिस्टम, Pro उपयोगकर्ताओं के लिए उपलब्ध बताई गई है, और ब्लॉक्स और टेम्पलेट्स को मुफ्त कंपोनेंट सेट के अलावा प्रीमियम एडिशन के रूप में वर्णित किया गया है।
यह प्रोजेक्ट MIT लाइसेंस के तहत जारी किया गया है और व्यक्तिगत एवं व्यावसायिक उपयोग के लिए मुफ्त है। README पुल रिक्वेस्ट और Discord या GitHub Discussions पर फीडबैक के माध्यम से योगदान का स्वागत करता है, और एक कंट्रीब्यूटिंग गाइड का लिंक प्रदान करता है।
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.