اوپن سورس۔ نئے امکانات۔

Panda ڈیزائن سسٹمز کے لیے ایک یونیورسل، ٹائپ سیف CSS-in-JS فریم ورک ہے۔ یہ بلڈ ٹائم پر اسٹائلز نکالتا ہے، کیسکیڈ لیئرز اور ویری ایبلز کے ساتھ جدید CSS فراہم کرتا ہے، اور زیادہ تر JS فریم ورکس کے ساتھ کام کرتا ہے۔

ایک MCP سرور جو AI ایجنٹس کے لیے ڈیزائن اور مارکیٹنگ کی ماہرانہ معلومات فراہم کرتا ہے، جس میں UI/UX، SEO، GEO، اور ویب، iOS، Android اور macOS کے لیے پلیٹ فارم کے مخصوص رہنما خطوط شامل ہیں۔

Franken UI (franken-ui/ui) ایک HTML-first UI component لائبریری ہے جو UIkit 3 پر مبنی ہے، LitElement کے ساتھ توسیع شدہ ہے اور shadcn/ui سے متاثر ہے۔ اس کا README اب صرف 0build کی طرف منتقلی کا اعلان کرتا ہے۔

Braid SEEK Group کا ایک themeable ڈیزائن سسٹم ہے، جو React component library کے طور پر دستیاب ہے۔ یہ themes، BraidProvider اور Vanilla Extract سے اسٹائل شدہ components فراہم کرتا ہے، جس میں sku-based پروجیکٹس کے لیے سیٹ اپ گائیڈنس شامل ہے۔

Priceline Design System Priceline.com کی اوپن سورس UI لائبریری اور ڈیزائن معیار ہے جو انٹرفیس پیٹرنز کو یکساں کرتی ہے، ڈیزائن و ڈویلپمنٹ کی رفتار بڑھاتی ہے، اور accessibility، بین الاقوامی نوعیت اور ریسپانسو ویب ڈیزائن کو فروغ دیتی ہے۔

oh-my-design AI کوڈنگ ایجنٹس میں ڈیزائن سسٹم حوالہ جات اور مہارتیں انسٹال کرتا ہے۔ ایک کمانڈ کے ذریعے 440+ کمپنی ڈیزائن حوالہ جات، 28 مہارتیں اور 20 ماہرانہ کردار Claude Code, Codex, Cursor اور OpenCode میں شامل ہوتے ہیں۔ یہ فلسفہ، ٹوکنز اور اجزاء کے معاہدوں کے ساتھ ایک پورٹیبل DESIGN.md بناتا ہے۔

Vanilla CSS کے ساتھ بنایا گیا ایک ہلکا پھلکا، ماڈیولر اور قابلِ تخصیص ڈیزائن سسٹم، جو CSS variables، موبائل فرسٹ ریسپانسو ڈیزائن اور رسائی (accessibility) کے اصولوں پر مبنی ہے۔

ہلسنکی ڈیزائن سسٹم (HDS) ہلسنکی شہر کا ایک اوپن سورس ڈیزائن سسٹم ہے جو رسائی پذیر React کمپوننٹس، CSS اسٹائلز اور ڈیزائن ٹوکنز فراہم کرتا ہے۔

ڈیزائنMD ایک CLI ٹول ہے جو کسی بھی URL سے لائیو ڈیزائن سسٹم — رنگ، ٹائپوگرافی، اسپیسنگ، بریک پوائنٹس، اور تعاملی حالتیں — نکالتا ہے اور AI کوڈنگ ایجنٹس کے لیے موزوں DESIGN.md فائل بناتا ہے۔

CompoMo (@ds-mo/ui) ایک فریم ورک سے آزاد Stencil.js ویب کمپوننٹ لائبریری ہے جسے TokoMo ڈیزائن ٹوکنز کے ساتھ اسٹائل کیا گیا ہے، اور یہ Angular، React اور Vue اڈاپٹرز کے ساتھ ایک MCP میٹا ڈیٹا سرور فراہم کرتی ہے۔

design-md-hub 120 برانڈ ڈیزائن سسٹمز کا اوپن سورس ذخیرہ ہے، جنہیں لائیو پروڈکشن سائٹس سے ریورس انجینئر کیا گیا ہے تاکہ AI کوڈنگ ایجنٹس برانڈ پر مبنی UI پیدا کر سکیں۔ ہر ایک میں رنگ، ٹائپوگرافی، کمپوننٹس، گارڈ ریلز اور پیش نظارہ HTML فائل شامل ہے۔

Tailgrids ایک اوپن سورس React UI کمپوننٹ لائبریری ہے جو Tailwind CSS کے ساتھ بنائی گئی ہے، جس میں 100 سے زیادہ پروڈکشن ریڈی کاپی پیسٹ کمپوننٹس، UI بلاکس اور ٹیمپلیٹس، TypeScript سپورٹ اور ڈارک موڈ کی سہولت موجود ہے۔

Chakra UI ایک اوپن سورس React کمپوننٹ سسٹم ہے جو قابل رسائی ویب ایپس اور SaaS پروڈکٹس کو تیزی سے بنانے کے لیے ڈیزائن کیا گیا ہے۔ یہ انسٹال کے قابل کمپوننٹ پیکجز فراہم کرتا ہے، Next.js RSC کو سپورٹ کرتا ہے، اور MIT لائسنس یافتہ ہے۔

Lightswind UI ایک انگریزی دستاویزی React کمپوننٹ لائبریری ہے جو CLI کے ذریعے سورس کوڈ کی صورت میں فراہم کی جاتی ہے۔ یہ 160 سے زیادہ اینیمیٹڈ اور قابل رسائی کمپوننٹس اور AI کوڈنگ ٹولز کے لیے ایک MCP سرور فراہم کرتی ہے۔

Codex Wikimedia کا ڈیزائن سسٹم ہے، جو Vue 3 اور CSS اجزاء، ڈیزائن ٹوکنز، آئیکنز اور VitePress ڈاکومنٹیشن سائٹ فراہم کرتا ہے۔ یہ بین الاقوامیت کی حمایت کرتا ہے اور WCAG 2.1 AA رسائی کے معیارات پر پورا اترتا ہے۔

Cloudscape Design System کا React کامپوننٹ لائبریری، AWS کے ذریعے اوپن سورس کردہ۔ بڑے پیمانے پر ویب ایپلیکیشنز بنانے کے لیے رسائی پذیر، تیار کردہ UI کامپوننٹس اور گلوبال اسٹائلز فراہم کرتا ہے، جس کی دستاویز Cloudscape ویب سائٹ پر دستیاب ہے۔

Skeleton ایک adaptive ڈیزائن سسٹم ہے جو Tailwind CSS پر مبنی ہے۔ یہ مقبول ویب فریم ورکس کے لیے تیار شدہ components، دستاویزات، تھیم جنریٹر اور کمیونٹی چینلز فراہم کرتا ہے۔

Ark UI Chakra UI ٹیم کی جانب سے ایک headless اور unstyled کمپوننٹ لائبریری ہے، جو Zag.js اسٹیٹ مشینوں پر مبنی 45 سے زائد accessible UI primitives فراہم کرتی ہے جو React, Solid, Vue اور Svelte میں یکساں API رکھتی ہے۔

Carbon مصنوعات اور تجربات کے لیے IBM کا اوپن سورس ڈیزائن سسٹم ہے۔ یہ monorepo مستقل انٹرفیس بنانے کے لیے React اور web component لائبریریز، Sass اسٹائلز، ڈیزائن ٹوکنز، آئیکنز، پکٹوجرامز اور ٹولنگ فراہم کرتا ہے۔

@alifd/next Alibaba Fusion کی ایک قابلِ ترتیب React component library ہے جو انٹرپرائز بیک اینڈ سسٹمز کے لیے بنائی گئی ہے۔ یہ Fusion Design تھیم پیکجز کے ساتھ مل کر کام کرتی ہے تاکہ ڈیزائنرز اور ڈویلپرز ایک ہی بصری ذریعہ استعمال کر سکیں۔