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

Design Oracle Playwright کے ذریعے ویب سائٹ کا تجزیہ کر کے اس کا ڈیزائن سسٹم (رنگ، ٹائپوگرافی، اسپیسنگ وغیرہ) نکالتا ہے اور اسے Tailwind v4، React JSX، JSON یا DESIGN.md رپورٹ میں ایکسپورٹ کرتا ہے۔

Saas UI ایک ڈیزائن سسٹم اور سورس کمپوننٹ رجسٹری ہے جو Chakra UI پر مبنی SaaS مصنوعات کے لیے بنایا گیا ہے۔ یہ Chakra پری سیٹ، CLI کے ذریعے قابلِ ترمیم کمپوننٹس، ہکس، فارمز، اور مستند دستاویزات فراہم کرتا ہے۔

Pixel Art to CSS ایک React پر مبنی آن لائن ایڈیٹر ہے جو پکسل آرٹ بنانے، متحرک کرنے اور CSS کوڈ جنریٹ کرنے کے لیے استعمال ہوتا ہے۔ اس میں رنگین پیلیٹ کی ترتیب، اینیمیشن سیٹنگز، پروجیکٹ محفوظ/لوڈ کرنے اور برآمد کرنے کی سہولتیں موجود ہیں۔

coss.com/ui Cal.com کا آفیشل ڈیزائن سسٹم ہے—جو Base UI پر مبنی اور Tailwind CSS سے اسٹائل شدہ React components کا ایک TypeScript monorepo ہے، جسے کاپی، پیسٹ اور استعمال کرنے کے لیے بنایا گیا ہے۔

JavaScript، React اور Vue کے لیے ایک جدید، اوپن سورس اینیمیشن لائبریری، جس میں GPU-accelerated کارکردگی اور ایک سادہ API شامل ہے۔

React 19، CoreUI React components اور Vite پر مبنی ایک مفت MIT-لائسنسڈ React ایڈمن اور ڈیش بورڈ ٹیمپلیٹ، جس میں AI-اسسٹنٹ فائلیں اور تیار شدہ لے آؤٹ اور روٹنگ شامل ہے۔

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

Three.js کے لیے ایک React رینڈرر جو دوبارہ استعمال کے قابل اجزاء (components) کے ذریعے ڈیکلیریٹو طریقے سے 3D مناظر بنانے کی اجازت دیتا ہے۔

A Next.js, TypeScript, and Chakra UI starter that demonstrates embedding a p5.js sketch with react-p5, including app-wide theming and deployment guidance.

GitLab کے Pajamas Design System کی React پورٹ، جو ڈیزائن ٹوکنز، بنیادی اسٹائلز اور GlButton، GlLink، GlBadge اور GlCard جیسے بنیادی اجزاء فراہم کرتی ہے۔ یہ ابھی شدید ترقی کے مراحل میں ہے۔

UI Layouts ایک اوپن سورس کمپوننٹ لائبریری ہے جو جدید اور تخلیقی ویب انٹرفیس بنانے کے لیے استعمال ہوتی ہے، جس میں Tailwind CSS، Motion، clsx اور tailwind-merge کے لیے ریڈی ٹو use بلاکس اور ایفیکٹس شامل ہیں۔

ChartDB ایک اوپن سورس، ویب tabased ڈیٹا بیس ڈایاگرام ایڈیٹر ہے جو آپ کو ایک ہی کوئری کے ذریعے اسکیمات کو فوری طور پر ویژولائز کرنے کی اجازت دیتا ہے۔ کسی انسٹالیشن یا پاس ورڈ کی ضرورت نہیں ہے۔

Lottie (.json) اور dotLottie (.lottie) اینیمیشنز کے لیے آفیشل LottieFiles ویب پلیئر، جس میں Rust + WASM کور، مختلف بیک اینڈز، رن ٹائم تھیمنگ، اسٹیٹ مشینز، آڈیو اور مختلف فریم ورک SDKs شامل ہیں۔

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

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

ایک اینیمیشن-فرسٹ React فریم ورک جو اعلیٰ معیار کی بصری ویب سائٹس کے لیے ڈیزائن کیا گیا ہے، جس میں مستقل شیلز اور لائیو تبدیل ہونے والے موشن ٹوکنز شامل ہیں۔

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

React Suite ویب ایپلیکیشنز بنانے کے لیے React UI کامپوننٹس فراہم کرتا ہے۔ یہ اہم براؤزرز اور Next.js کے ساتھ سروس‑سائیڈ رینڈرنگ کو سپورٹ کرتا ہے، پیکیج مینجرز کے ذریعے انسٹالیشن اور فریم ورک‑مخصوص رہنمائیں شامل کرتا ہے۔

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

Magic UI ایک اوپن سورس UI لائبریری ہے جو اینیمیٹڈ اجزاء اور اثرات فراہم کرتی ہے، جسے ڈیزائن انجینئرز اپنی ایپلی کیشنز میں کاپی اور پیسٹ کر سکتے ہیں۔