Lily کے حق میں دلیل

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 کو ای میل کریں۔