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

Dembrandt ایک Node.js CLI ہے جو Playwright کے ساتھ ایک سائٹ کو رینڈر کرتا ہے، کمپیوٹڈ DOM اسٹائلز کو پڑھتا ہے، اور رنگوں، ٹائپوگرافی، اسپیسنگ، بارڈرز، شیڈوز، موشن اور اجزاء کو W3C ڈیزائن ٹوکنز میں تبدیل کرتا ہے، جس میں CI ڈرفٹ گیٹس اور MCP سپورٹ شامل ہے۔

Storybook ایک فرنٹ اینڈ ورکشاپ ہے جو UI اجزاء اور صفحات کو الگ تھلگ بنانے، دستاویزی شکل دینے اور ٹیسٹ کرنے کے لیے استعمال ہوتی ہے۔ یہ کئی فریم ورکس اور رسائی، دستاویزات اور انٹرایکٹو ڈویلپمنٹ کے لیے ایڈونز فراہم کرتا ہے۔

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

Chromatic ایک ایسا بلڈ ٹول ہے جو ڈیزائن ٹوکن فائلوں کے ذریعے کراس پلیٹ فارم ڈیزائن سسٹمز کو مینیج کرتا ہے۔ یہ ٹوکن ایکسپریشنز، تھیمز، اور YAML/JSON ان پٹ کو سپورٹ کرتا ہے اور Sass، CSS، iOS، Android اور HTML اسٹائل گائیڈ آؤٹ پٹ تیار کرتا ہے۔

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

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

TW Elements ایک MIT-لائسنس شدہ Tailwind CSS کمپوننٹ لائبریری ہے، جو ڈارک موڈ سپورٹ اور تھیمنگ کے ساتھ 500 سے زیادہ انٹرایکٹو UI کمپوننٹس اور 117 سے زیادہ ڈیزائن بلاکس فراہم کرتی ہے۔

Radix Themes ایک اوپن سورس React کمپوننٹ لائبریری ہے جو تیز رفتار ترقی، آسان دیکھ بھال اور رسائی (accessibility) پر مرکوز ہے، اور اسے WorkOS کے ذریعے برقرار رکھا جاتا ہے۔ README مکمل دستاویزات، ریلیز نوٹس، شراکت کاروں کے رہنما خطوط، کمیونٹی چینلز اور اس کے MIT لائسنس کی طرف اشارہ کرتا ہے۔

زاگ ایک جاوا اسکرپٹ لائبریری ہے جو فریم ورک سے آزاد حالتی مشینوں کے ذریعے قابل رسائی UI اجزاء بنانے کے لیے استعمال ہوتی ہے، جس میں ری ایکٹ، سولڈ، ویو اور سولیٹ کے لیے ایڈاپٹر موجود ہیں۔

Ant Design ایک انٹرپرائز کلاس UI ڈیزائن لینگویج اور TypeScript میں لکھا گیا React کمپوننٹ لائبریری ہے، جو تیار شدہ معیاری کمپوننٹس، ڈیزائن وسائل، تھیمنگ اور بین الاقوامی زبانوں کی سپورٹ فراہم کرتا ہے۔

ڈویلپرز کے لیے ڈیزائن سسٹمز کے بارے میں بک مارکس، وسائل، مضامین اور ٹولز کا ایک منتخب انگریزی مجموعہ، جس میں ڈیزائن ٹولز، ڈیزائن ٹوکنز، پیٹرن لائبریریز، کمپوننٹ ٹیسٹنگ، کتابیں اور ٹاکس شامل ہیں۔

A collection of seven skill libraries for AI coding agents covering code cleanup, prose editing, parallel agent orchestration, interface design, product feedback, design research, and QA. Works with Claude Code, Cursor, Codex and other agents that read skill files.

Tinte ایک ڈیزائن سسٹم کمپائلر ہے جو ایک شناخت (identity) سے Agent Plugin تیار کرتا ہے، جس میں SKILL.md اور tokens.css شامل ہیں۔ یہ shadcn presets، ایڈیٹر تھیمز اور ٹرمینل کلر اسکیمز بھی فراہم کرتا ہے۔

Welcome UI Welcome to the Jungle کے ذریعہ اوپن سورس کیا گیا ایک حسب ضرورت ڈیزائن سسٹم ہے جو React، TypeScript، Tailwind CSS اور Ariakit کے ساتھ بنایا گیا ہے۔ یہ ویب ایپلیکیشنز کے لیے بنیادی اجزاء فراہم کرتا ہے۔

Better Design ایک اوپن سورس MCP سرور اور shadcn/ui رجسٹری ہے جو AI کوڈنگ ایجنٹس کو ڈیزائن سسٹمز، سیمنٹک CSS ٹوکنز، UI اصولوں اور WCAG ریویو رولز فراہم کرتا ہے۔ یہ 31 تھیمز پر مشتمل ہے اور Claude Code، Cursor اور VS Code جیسے کلائنٹس سے منسلک ہوتا ہے۔

Radix Primitives ایک اوپن سورس، لو لیول UI کمپوننٹ لائبریری ہے جو قابل رسائی ڈیزائن سسٹمز اور ویب ایپس بنانے کے لیے ہے، جس کی توجہ رسائی، کسٹمائزیشن اور ڈویلپر کے تجربے پر ہے۔ یہ MIT لائسنس کے تحت ہے اور WorkOS کے ذریعے برقرار رکھی گئی ہے۔

اوپن ڈیزائن کلاؤڈ ڈیزائن کا متبادل ہے جو کھلا مائے اور مقامی طرح سے کام کرتا ہے۔ یہ متعدد کوڈنگ CLIs کو سپورٹ کرتا ہے اور برانڈ-گریڈ ڈیزائن سسٹمز کے ساتھ پروٹوٹائپس، ڈیکس، تصاویر اور ویڈیوز بناتا ہے۔

daisyUI Tailwind CSS کے لیے ایک مفت اور اوپن سورس کمپوننٹ لائبریری ہے۔ یہ پہلے سے ڈیزائن شدہ اور قابلِ تبدیلی UI کمپوننٹس فراہم کرتی ہے جنہیں براہِ راست HTML میں استعمال کیا جا سکتا ہے۔

Primer CSS، GitHub کے Primer Design System کا CSS نفاذ ہے، جو @primer/css npm پیکیج کے طور پر دستیاب ہے۔ یہ کور، پروڈکٹ اور مارکیٹنگ کے لیے Sass/SCSS فائلیں فراہم کرتا ہے اور اب مینٹیننس (KTLO) موڈ میں ہے۔

بیس ویب ایک React کمپوننٹ لائبریری ہے جو Uber کے بیس ڈیزائن سسٹم کو نافذ کرتی ہے، جس میں TypeScript سپورٹ اور Styletron پر مبنی اسٹائلنگ کے ساتھ جدید، ریسپانسیو UI کمپوننٹس شامل ہیں۔ فی الحال مینٹیننس موڈ میں ہے۔