معیاری اوپن سورس پروجیکٹس دریافت کریں، گمنام طور پر پروجیکٹس جمع کریں، اور اپنے پروجیکٹ کا دعویٰ کرکے اسے ایڈٹ کریں۔
تجسس کے ساتھ اوپن سورس کی دنیا دریافت کریں۔
THE FIRST COLLECTIONPriceline 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 تھیم پیکجز کے ساتھ مل کر کام کرتی ہے تاکہ ڈیزائنرز اور ڈویلپرز ایک ہی بصری ذریعہ استعمال کر سکیں۔
Flowbite ایک اوپن سورس UI کمپوننٹ لائبریری ہے جو Tailwind CSS پر مبنی ہے، جو ڈیٹا ایٹریبیوٹس کے ذریعے چلنے والے انٹرایکٹو کمپوننٹس، vanilla JS APIs، TypeScript ٹائپس، RTL سپورٹ اور React، Vue، Svelte اور Angular کے لیے بائنڈنگز فراہم کرتی ہے۔
HeroUI Native ایک Apache-2.0 React Native UI کمپوننٹ لائبریری ہے جسے خوبصورت، تیز اور جدید قرار دیا گیا ہے۔ یہ دستاویزات، ایک کوئیک اسٹارٹ ایگزیمپل ایپ اور ڈیوائس پر کمپوننٹس دیکھنے کے لیے ایک پریویو ایپ فراہم کرتی ہے۔
designlang ایک اوپن سورس CLI ہے جو Playwright کی بنیاد پر کسی بھی ویب سائٹ سے ڈیزائن سسٹم نکالتا ہے: DTCG ٹوکنز، ٹیل وِنڈ کونفگ، فigma ویری ایبلز، شادcn تھیم، کمپوننٹ ایناتومی، موومنٹ ٹوکنز، برانڈ وائس، اور WCAG کنٹراسٹ آڈٹ۔
Arco Design Vue ایک جامع Vue 3 UI کمپوننٹ لائبریری ہے جو Arco Design سسٹم پر بنی ہے، جس میں 60 سے زائد TypeScript کمپوننٹس، حسب ضرورت تھیم ٹوکنز، اور @arco-design/web-vue npm پیکج شامل ہیں۔
