Braid হলো SEEK Group-এর একটি থিমযোগ্য ডিজাইন সিস্টেম, যা একটি React কম্পোনেন্ট লাইব্রেরি হিসেবে পরিবেশিত হয়। এটি Vanilla Extract দ্বারা স্টাইল করা থিম, BraidProvider এবং কম্পোনেন্ট প্রদান করে।
ওপেন সোর্স। নতুন সম্ভাবনা।
মানসম্মত ওপেন-সোর্স প্রজেক্ট আবিষ্কার করুন, বেনামে প্রজেক্ট জমা দিন এবং নিজের প্রজেক্ট দাবি করে সম্পাদনা করুন।
কৌতূহল নিয়ে ওপেন সোর্স আবিষ্কার করুন।
THE FIRST COLLECTIONPriceline Design System হলো Priceline.com-এর ওপেন-সোর্স UI কম্পোনেন্ট লাইব্রেরি। এটি pcln-design-system নামে npm প্যাকেজ হিসেবে পাওয়া যায়, MIT লাইসেন্স ও Storybook ডকুমেন্টেশন সহ।
oh-my-design AI কোডিং এজেন্টে ডিজাইন সিস্টেম রেফারেন্স ও দক্ষতা যোগ করে। একটি কমান্ডে ৪৪০+ কোম্পানি ডিজাইন রেফারেন্স, ২৮ স্কিল এবং ২০ বিশেষায়িত ভূমিকা যোগ হয়।
ভ্যানিলা CSS দিয়ে তৈরি একটি হালকা, মডুলার এবং কাস্টমাইজযোগ্য ডিজাইন সিস্টেম, যা CSS ভেরিয়েবল, মোবাইল-ফার্স্ট রেসপনসিভ নীতি এবং অ্যাক্সেসিবিলিটি প্র্যাকটিস ব্যবহার করে। এতে উদাহরণ, ডিজাইন টোকেন এবং CDN-রেডি CSS ফাইল অন্তর্ভুক্ত।
হেলসিংকি ডিজাইন সিস্টেম (HDS) হলো হেলসিংকি শহর থেকে একটি ওপেন-সোর্স ডিজাইন সিস্টেম, যা প্রবেশযোগ্য রিয়েক্ট কম্পোনেন্ট, CSS স্টাইলস এবং ডিজাইন টোকেন প্রদান করে।
DesignMD হল একটি CLI টুল যা কোনো URL থেকে জীবিত ডিজাইন সিস্টেম — রঙ, টাইপোগ্রাফি, স্পেসিং, ব্রেকপয়েন্ট, এবং ইন্টারঅ্যাকশন স্টেট — বের করে এবং AI কোডিং এজেন্টদের জন্য অপ্টিমাইজড একটি পোর্টেবল DESIGN.md ফাইল আউটপুট করে।
CompoMo (@ds-mo/ui) হলো একটি ফ্রেমওয়ার্ক-অ্যাগনস্টিক স্টেনসিল.জেএস ওয়েব কম্পোনেন্ট লাইব্রেরি, যা TokoMo ডিজাইন টোকেন দিয়ে স্টাইল করা এবং এতে Angular, React, Vue অ্যাডাপ্টার এবং MCP মেটাডেটা সার্ভার অন্তর্ভুক্ত।
design-md-hub নামক ওপেন-সোর্স রিপোজিটরিতে ১২০টি ব্র্যান্ডের ডিজাইন সিস্টেম প্লেইন-টেক্সট DESIGN.md ফাইলে সংরক্ষিত, যা AI কোডিং এজেন্টদের জন্য তৈরি। প্রতিটি স্পেসিফিকেশন ব্র্যান্ডের লাইভ সাইট থেকে রিভার্স ইঞ্জিনিয়ার করা।
Tailgrids হলো Tailwind CSS দ্বারা নির্মিত একটি ওপেন-সোর্স React UI কম্পোনেন্ট লাইব্রেরি, যা TypeScript সাপোর্ট, অ্যাক্সেসিবিলিটি, ডার্ক মোড এবং CLI ইনস্টলারসহ ১০০টির বেশি প্রোডাকশন-রেডি কপি-পেস্ট কম্পোনেন্ট, UI ব্লক এবং টেমপ্লেট প্রদান করে।
Chakra UI হলো একটি ওপেন-সোর্স React কম্পোনেন্ট সিস্টেম যা দ্রুত অ্যাক্সেসিবল ওয়েব অ্যাপ এবং SaaS প্রোডাক্ট তৈরির জন্য ব্যবহৃত হয়। এটি Next.js RSC সমর্থন করে এবং MIT লাইসেন্সের অধীনে উপলব্ধ।
Lightswind UI হলো একটি ইংরেজি-ডকুমেন্টেড React কম্পোনেন্ট লাইব্রেরি যা CLI-এর মাধ্যমে সোর্স কোড হিসেবে বিতরণ করা হয়। এতে ১৬০টির বেশি অ্যানিমেটেড এবং অ্যাক্সেসিবল কম্পোনেন্ট এবং AI কোডিং টুলের জন্য একটি MCP সার্ভার রয়েছে।
Codex হলো Wikimedia-এর ডিজাইন সিস্টেম, যা Vue 3 এবং CSS কম্পোনেন্ট, ডিজাইন টোকেন, আইকন এবং একটি VitePress ডকুমেন্টেশন সাইট প্রদান করে। এটি আন্তর্জাতিকীকরণ সমর্থন করে এবং WCAG 2.1 AA অ্যাক্সেসিবিলিটি মান মেনে চলে।
Cloudscape ডিজাইন সিস্টেমের React কম্পোনেন্ট লাইব্রেরি, যা AWS দ্বারা ওপেন সোর্স করা হয়েছে। বৃহৎ পরিসরের ওয়েব অ্যাপ্লিকেশন তৈরি করার জন্য অ্যাক্সেসিবল এবং প্রস্তুত ইউআই কম্পোনেন্ট ও গ্লোবাল স্টাইল প্রদান করে, Cloudscape ওয়েবসাইটে নথিপত্র রয়েছে।
Skeleton হলো Tailwind CSS-এর ওপর ভিত্তি করে তৈরি একটি অ্যাডাপ্টিভ ডিজাইন সিস্টেম। এটি জনপ্রিয় ওয়েব ফ্রেমওয়ার্কের জন্য টার্নকি কম্পোনেন্ট, ডকুমেন্টেশন, থিম জেনারেটর এবং কমিউনিটি চ্যানেল প্রদান করে।
Ark UI হলো Chakra UI টিমের তৈরি একটি হেডলেস, আনস্টাইলড কম্পোনেন্ট লাইব্রেরি, যা Zag.js স্টেট মেশিনের ওপর ভিত্তি করে ৪৫টিরও বেশি অ্যাক্সেসিবল UI প্রিমিটিভ প্রদান করে এবং React, Solid, Vue ও Svelte-এ একই API সমর্থন করে।
Carbon হলো IBM-এর পণ্য এবং অভিজ্ঞতার জন্য একটি ওপেন-সোর্স ডিজাইন সিস্টেম। এই মনোরিপো-টি React এবং ওয়েব কম্পোনেন্ট লাইব্রেরি, Sass স্টাইল, ডিজাইন টোকেন, আইকন, পিক্টোগ্রাম এবং টুলিং প্রদান করে।
@alifd/next হলো Alibaba Fusion-এর একটি কনফিগারযোগ্য React কম্পোনেন্ট লাইব্রেরি যা এন্টারপ্রাইজ ব্যাকএন্ড সিস্টেমের জন্য তৈরি। এটি Fusion Design থিম প্যাকেজের সাথে কাজ করে এবং npm বা ব্রাউজারের মাধ্যমে ইনস্টল করা যায়।
Flowbite হলো Tailwind CSS-এর উপর ভিত্তি করে তৈরি একটি ওপেন-সোর্স UI কম্পোনেন্ট লাইব্রেরি, যা ডাটা অ্যাট্রিবিউট দ্বারা চালিত মোডাল, ড্রপডাউন এবং ডেটপিকারের মতো ইন্টারঅ্যাক্টিভ কম্পোনেন্ট প্রদান করে।
HeroUI Native হলো একটি Apache-2.0 লাইসেন্সপ্রাপ্ত React Native UI কম্পোনেন্ট লাইব্রেরি যা সুন্দর, দ্রুত এবং আধুনিক হিসেবে পরিচিত। এটি ডকুমেন্টেশন, একটি কুইক-স্টার্ট উদাহরণ অ্যাপ এবং ডিভাইসে কম্পোনেন্ট ও ভেরিয়েন্ট দেখার জন্য একটি প্রিভিউ অ্যাপ প্রদান করে।
designlang হলো একটি Playwright-ভিত্তিক CLI যা ওয়েবসাইটের DOM থেকে DTCG টোকেন, Tailwind কনফিগ, Figma ভেরিয়েবল, shadcn থিম, কম্পোনেন্ট অ্যানাটমি, মুভমেন্ট টোকেন, ব্র্যান্ড ভয়েস, WCAG কন্ট্রাস্ট এবং মাল্টি-প্ল্যাটফর্ম এমিটারসহ একটি সম্পূর্ণ ডিজাইন সিস্টেম এক্সট্রাক্ট করে।