Lily के पक्ष में तर्क

अपने डिज़ाइन से शुरुआत करें

आपकी टीम पहले से जानती है कि आपका उत्पाद कैसा दिखना चाहिए। Lily ठीक वहीं से शुरू होता है: वह वे चीज़ें देता है जिन्हें सही करना वाकई कठिन और दोबारा करना महँगा है — सही अर्थपूर्ण एलिमेंट, ARIA अवस्थाएँ, कीबोर्ड अनुबंध, फ़ोकस प्रबंधन — और हर दृश्य निर्णय पूरी तरह, प्रसन्नता से, आप पर छोड़ देता है। पहले दिन से आपकी CSS ही डिज़ाइन सिस्टम का रूप है।

क्योंकि हर कंपोनेंट में स्थिर क्लास हुक और शुद्ध संरचना होती है, हर अपग्रेड में आपकी स्टाइलिंग आपकी ही रहती है — और उसके नीचे की पहुँचनीयता संस्करण दर संस्करण काम करती रहती है।

Lily किन बातों के लिए प्रतिबद्ध है

• डिफ़ॉल्ट रूप से पहुँचनीय। हर कंपोनेंट के लिए WCAG 2.2 AAA लक्ष्य है। पैटर्न WAI-ARIA लेखन-अभ्यास का पालन करते हैं; हर इंटरैक्टिव कंपोनेंट दस्तावेज़ित अनुबंध के साथ कीबोर्ड से चलाया जा सकता है; उदाहरण ऐप्स axe-core का साफ़ आधार-स्तर बनाए रखते हैं।
• निर्माण से ही अंतरराष्ट्रीयकरण योग्य। उपयोगकर्ता को दिखने वाली हर स्ट्रिंग — हर लेबल, त्रुटि और घोषणा — फ़्रेमवर्कों में स्थिर नामों वाली प्रॉपर्टी है, इसलिए अनुवाद स्वाभाविक रूप से बहता है। दाएँ-से-बाएँ और द्विदिश पाठ आपके dir से विरासत में मिलता है। स्थानीय-सेटिंग जानने वाले कंपोनेंट लोकेल को प्रॉपर्टी के रूप में लेते हैं, हमेशा स्पष्ट रूप से।
• एक कैटलॉग, आठ फ़्रेमवर्क। वही 571 कंपोनेंट (536 मूल Web Components के रूप में) वही क्लास हुक और प्रॉपर्टी परिपाटियों के साथ HTML, Svelte, React, Vue, Angular, Blazor, Nunjucks और Web Components में। आपकी CSS और आपकी टीम का ज्ञान स्टैकों के बीच साथ चलता है।
• CSS रणनीति से निरपेक्ष। हर कंपोनेंट रूट के लिए kebab-case में एक स्थिर क्लास। अर्थपूर्ण CSS, Tailwind यूटिलिटी, CSS-in-JS, या 45 तैयार थीम में से कोई — Lily सबका स्वागत करता है और शालीनता से रास्ते से हटा रहता है।
• निःशुल्क, हमेशा के लिए, आपकी शर्तों पर। BSD, MIT, Apache-2.0, GPL-2.0 या GPL-3.0 में से आपकी पसंद के लाइसेंस के तहत ओपन सोर्स। कोई सशुल्क स्तर नहीं, प्रति-सीट लाइसेंस नहीं, टेलीमेट्री नहीं।

जहाँ ज़रूरी है वहाँ गहराई

सामान्य बटन और डायलॉग से आगे, यह कैटलॉग अधिकांश से कहीं आगे जाता है:

• सार्वजनिक क्षेत्र के पैटर्न जिन्हें NHS UK, GOV.UK, USWDS और ONS डिज़ाइन सिस्टमों से परखा गया है — त्रुटि सारांश, चेतावनी कॉलआउट, सारांश सूचियाँ, चरण बैनर, स्किप लिंक।
• 140 राष्ट्रीय व्यक्तिगत पहचानकर्ता कंपोनेंट जो 50 से अधिक देशों के स्वास्थ्य-सेवा, राष्ट्रीय पहचान-पत्र, कर और पासपोर्ट पहचानकर्ताओं को कवर करते हैं, हर एक अपना प्रारूप और सत्यापन एल्गोरिदम दस्तावेज़ित करता है।
• संपादकीय और स्क्रॉलीटेलिंग के मूल तत्व जो Reuters Graphics से अपनाए गए हैं — लेख लेआउट, स्क्रॉलर, टाइमलाइन, टाइल नक्शे।
• चयनकर्ता सहायक — छोटे पैकेज जो एक इंटरैक्शन को शुरू से अंत तक सँभालते हैं: थीम बदलना (रनटाइम पर स्टाइलशीट लोड करने के साथ), भाषा, पाठ का आकार, गति में कमी, खोज, पृष्ठ लिंक, साझा करना, और दिनांक-समय प्रविष्टि। हर एक headless आइकन बटन है जो पॉपअप खोलता है — मूल <select> नहीं — जिसमें संग्रहण और SSR सुरक्षा अंतर्निहित हैं।

सार्वजनिक क्षेत्र के लिए थीम, तुरंत उपयोग के लिए

Lily 45 स्वतंत्र संदर्भ थीम के साथ आता है जो सीधे उसके क्लास हुक को लक्षित करती हैं: NHS England, NHS Scotland और NHS Wales (हर एक मरीज़ों और चिकित्सकों के लिए अलग रूप में), GOV.UK, USWDS, Adobe Spectrum और Mozilla Protocol से प्रेरित पैलेट, और सामान्य-उद्देश्य की हल्की और गहरी थीमों का एक समूह। एक स्टाइलशीट जोड़ें और सरकारी स्तर का रूप लग जाता है; theme-picker सहायक उन्हें रनटाइम पर बदलता है।

Lily की तुलना कैसे होती है

हम अन्य डिज़ाइन सिस्टमों के साथ एक ईमानदार, कंपोनेंट-दर-कंपोनेंट तुलना रखते हैं — स्टाइल वाले और headless, व्यावसायिक और सार्वजनिक क्षेत्र के। जहाँ कोई और लाइब्रेरी आपके लिए बेहतर हो, तुलना वह दिखा देगी; Lily सबसे सीखता है और अपनी प्रेरणाओं का खुलकर उल्लेख करता है।

इसके पीछे कौन है

Lily एक नया, स्वतंत्र ओपन-सोर्स प्रोजेक्ट है जो सहयोग, मार्गदर्शन और प्रतिक्रिया का स्वागत करता है — कहानी और प्रेरणाओं के लिए परिचय देखें। सब कुछ — विनिर्देश, परीक्षण, रोडमैप, यहाँ तक कि ऑडिट के उपकरण भी — github.com/LilyDesignSystem पर खुला है।

Lily को बढ़ने में मदद करें

यदि Lily आपके लिए उपयोगी है, तो सबसे मूल्यवान काम ये हैं:

• स्टार दें और साझा करें। मुख्य रिपॉज़िटरी को स्टार दें और किसी सहकर्मी को कैटलॉग दिखाएँ — जागरूकता नए प्रोजेक्ट का सबसे दुर्लभ संसाधन है।
• कुछ बनाएँ और हमें बताएँ। वास्तविक उपयोग की रिपोर्टें — क्या काम किया, क्या और सहज हो सकता है — रोडमैप को किसी भी चीज़ से अधिक आकार देती हैं।
• पहुँचनीयता का ऑडिट करें। उदाहरण ऐप्स पर स्क्रीन रीडर परीक्षण (VoiceOver, NVDA, JAWS) अनमोल हैं; जो मिले दर्ज करें।
• थीम या अनुवाद का योगदान दें। दोनों स्वतंत्र और अच्छी तरह सीमित पहले योगदान हैं।
• जो मिले उसे न्यूनतम पुनरुत्पादन के साथ साझा करें, संबंधित रिपॉज़िटरी पर, या joel@joelparkerhenderson.com को ईमेल करें।