ওপেন সোর্স। নতুন সম্ভাবনা।

Chromatic হলো ডিজাইন-টোকেন ফাইল থেকে ক্রস-প্ল্যাটফর্ম ডিজাইন সিস্টেম পরিচালনা করার একটি বিল্ড টুল। এটি এক্সপ্রেসিভ টোকেন এক্সপ্রেশন, থিম, YAML/JSON ইনপুট সমর্থন করে এবং Sass, CSS, iOS, Android এবং HTML স্টাইল-গাইড আউটপুট তৈরি করে।

হেলসিংকি ডিজাইন সিস্টেম (HDS) হলো হেলসিংকি শহর থেকে একটি ওপেন-সোর্স ডিজাইন সিস্টেম, যা প্রবেশযোগ্য রিয়েক্ট কম্পোনেন্ট, CSS স্টাইলস এবং ডিজাইন টোকেন প্রদান করে।

design-md-hub নামক ওপেন-সোর্স রিপোজিটরিতে ১২০টি ব্র্যান্ডের ডিজাইন সিস্টেম প্লেইন-টেক্সট DESIGN.md ফাইলে সংরক্ষিত, যা AI কোডিং এজেন্টদের জন্য তৈরি। প্রতিটি স্পেসিফিকেশন ব্র্যান্ডের লাইভ সাইট থেকে রিভার্স ইঞ্জিনিয়ার করা।

TW Elements হলো Tailwind CSS-এর জন্য একটি MIT-লাইসেন্সপ্রাপ্ত কম্পোনেন্ট লাইব্রেরি, যা ডার্ক মোড সাপোর্ট, থিমিং অপশন এবং ব্যক্তিগত ও বাণিজ্যিক ব্যবহারের জন্য ৫০০+ ইন্টারঅ্যাক্টিভ UI কম্পোনেন্ট এবং ১১৭+ ডিজাইন ব্লক প্রদান করে।

Radix Themes হলো WorkOS দ্বারা রক্ষণাবেক্ষণকৃত একটি ওপেন-সোর্স React কম্পোনেন্ট লাইব্রেরি, যা দ্রুত ডেভেলপমেন্ট, সহজ রক্ষণাবেক্ষণ এবং অ্যাক্সেসিবিলিটিতে অপ্টিমাইজড। এটি MIT লাইসেন্সের অধীনে প্রকাশিত হয়েছে।

Zag অ্যাক্সেসযোগ্য JavaScript UI উপাদানের জন্য হেডলেস, ফ্রেমওয়ার্ক-অজ্ঞাত স্টেট মেশিন সরবরাহ করে, যার সাথে React, Solid, Vue এবং Svelte-এর জন্য অ্যাডাপ্টার এবং নিজস্ব ডিজাইন সিস্টেম তৈরির জন্য আনস্টাইলড API রয়েছে।

Ant Design হলো TypeScript-এ লেখা একটি এন্টারপ্রাইজ-ক্লাস UI ডিজাইন ল্যাঙ্গুয়েজ এবং React কম্পোনেন্ট লাইব্রেরি, যা প্রস্তুতকৃত মানসম্মত কম্পোনেন্ট, ডিজাইন রিসোর্স, থিমিং এবং আন্তর্জাতিকীকরণ সুবিধা প্রদান করে।

ডেভেলপারদের জন্য ডিজাইন সিস্টেম সংক্রান্ত বুকমার্ক, রিসোর্স, নিবন্ধ এবং টুলের একটি সংগৃহীত ইংরেজি তালিকা, যেখানে ডিজাইন টুল, ডিজাইন টোকেন, প্যাটার্ন লাইব্রেরি, কম্পোনেন্ট টেস্টিং, বই এবং আলোচনার বিষয় অন্তর্ভুক্ত রয়েছে।

সাতটি দক্ষতা লাইব্রেরির সংগ্রহ যা এআই কোডিং এজেন্টদের জন্য কোড ক্লিনআপ, পাঠ্য সম্পাদনা, সমান্তরাল এজেন্ট অর্কেস্ট্রেশন, ইন্টারফেস ডিজাইন, পণ্য প্রতিক্রিয়া, ডিজাইন গবেষণা এবং গুণমান নিশ্চিতকরণ কভার করে। ক্লড কোড, কার্সর, কোডেক্স এবং অন্যান্য এজেন্টদের সাথে কাজ করে যারা দক্ষতা ফাইল পড়ে।

Tinte একটি ডিজাইন সিস্টেম কম্পাইলার যা একটি Agent Plugin তৈরি করে। এটি একটি রেফারেন্স থেকে আইডেন্টিটি এক্সট্রাক্ট করে SKILL.md এবং tokens.css তৈরি করে এবং টোকেন বহির্ভূত রঙের জন্য লিন্টিং করে।

Welcome UI হলো Welcome to the Jungle (@wttj) কর্তৃক ওপেন-সোর্স করা একটি কাস্টমাইজেবল ডিজাইন সিস্টেম। এটি React, TypeScript, Tailwind CSS এবং Ariakit ব্যবহার করে তৈরি, যা সুন্দর ওয়েব অ্যাপ্লিকেশন তৈরির জন্য প্রয়োজনীয় কোর কম্পোনেন্ট সংগ্রহ করে।

Better Design হলো একটি ওপেন-সোর্স MCP সার্ভার এবং shadcn/ui রেজিস্ট্রি যা AI কোডিং এজেন্টদের ডিজাইন সিস্টেম, সেমান্টিক CSS টোকেন, কম্পোনেন্ট ওভাররাইড এবং WCAG-ভিত্তিক রিভিউ রুলস প্রদান করে। এটি ৩১টি থিম সাপোর্ট করে এবং Claude Code, Cursor ও VS Code-এর মতো ক্লায়েন্টের সাথে যুক্ত হতে পারে।

Radix Primitives হলো একটি ওপেন-সোর্স, লো-লেভেল UI কম্পোনেন্ট লাইব্রেরি যা অ্যাক্সেসিবিলিটি, কাস্টমাইজেশন এবং ডেভেলপার অভিজ্ঞতার ওপর গুরুত্ব দিয়ে অ্যাক্সেসিবল ডিজাইন সিস্টেম এবং ওয়েব অ্যাপ তৈরির জন্য ব্যবহৃত হয়। এটি MIT-লাইসেন্সপ্রাপ্ত এবং WorkOS দ্বারা রক্ষণাবেক্ষণ করা হয়।

OpenDesign是开源的本地优先桌面应用，可作为Claude Design的替代方案，采用Apache 2.0许可证发布。它原生适配各类编码智能体，支持包括DeepSeek Harness在内的25款以上本地编码CLI，可基于品牌级DESIGN.md设计系统生成原型、幻灯片、图片、视频，支持导出为HTML、PDF、PPTX、MP4格式。

daisyUI হলো Tailwind CSS-এর জন্য একটি বিনামূল্যে এবং ওপেন-সোর্স কম্পোনেন্ট লাইব্রেরি। এটি পূর্ব-নকশা করা এবং কাস্টমাইজযোগ্য UI কম্পোনেন্ট প্রদান করে যা সরাসরি HTML-এ ব্যবহার করা যায়।

Primer CSS হলো GitHub-এর Primer Design System-এর CSS ইমপ্লিমেন্টেশন, যা @primer/css npm প্যাকেজ হিসেবে পরিবেশিত হয়। এটি বর্তমানে রক্ষণাবেক্ষণ (KTLO) মোডে রয়েছে।

বেস ওয়েব হলো একটি রিঅ্যাক্ট কম্পোনেন্ট লাইব্রেরি যা উবারের বেস ডিজাইন সিস্টেম বাস্তবায়ন করে, টাইপস্ক্রিপ্ট সাপোর্ট এবং স্টাইলেট্রন-ভিত্তিক স্টাইলিং সহ আধুনিক, রেসপন্সিভ UI কম্পোনেন্ট প্রদান করে। বর্তমানে মেইনটেন্যান্স মোডে রয়েছে।

Dembrandt হলো একটি Node.js CLI টুল যা Playwright ব্যবহার করে ওয়েবসাইট রেন্ডার করে, DOM স্টাইল পড়ে এবং রঙ, টাইপোগ্রাফি, স্পেসিং, বর্ডার, শ্যাডো, মোশন ও কম্পোনেন্ট থেকে W3C ডিজাইন টোকেন তৈরি করে। এতে CI ড্রিফট গেট ও MCP সমর্থন আছে।

Storybook হলো একটি ফ্রন্টএন্ড ওয়ার্কশপ যা আইসোলেশনে UI কম্পোনেন্ট এবং পেজ তৈরি, ডকুমেন্টেশন এবং পরীক্ষার জন্য ব্যবহৃত হয়। এটি বিভিন্ন ফ্রেমওয়ার্ক সমর্থন করে এবং অ্যাক্সেসিবিলিটি ও ইন্টারঅ্যাক্টিভ ডেভেলপমেন্টের জন্য অ্যাডঅন প্রদান করে।

Priceline Design System হলো Priceline.com-এর ওপেন-সোর্স UI কম্পোনেন্ট লাইব্রেরি। এটি pcln-design-system নামে npm প্যাকেজ হিসেবে পাওয়া যায়, MIT লাইসেন্স ও Storybook ডকুমেন্টেশন সহ।