Chakra UI হলো একটি ওপেন-সোর্স React কম্পোনেন্ট সিস্টেম যা দ্রুত অ্যাক্সেসিবল ওয়েব অ্যাপ এবং SaaS প্রোডাক্ট তৈরির জন্য ব্যবহৃত হয়। এটি Next.js RSC সমর্থন করে এবং MIT লাইসেন্সের অধীনে উপলব্ধ।
ওপেন সোর্স। নতুন সম্ভাবনা।
মানসম্মত ওপেন-সোর্স প্রজেক্ট আবিষ্কার করুন, বেনামে প্রজেক্ট জমা দিন এবং নিজের প্রজেক্ট দাবি করে সম্পাদনা করুন।
কৌতূহল নিয়ে ওপেন সোর্স আবিষ্কার করুন।
THE FIRST COLLECTIONLightswind 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 কন্ট্রাস্ট এবং মাল্টি-প্ল্যাটফর্ম এমিটারসহ একটি সম্পূর্ণ ডিজাইন সিস্টেম এক্সট্রাক্ট করে।
Arco Design Vue হলো Arco Design সিস্টেমের ওপর ভিত্তি করে তৈরি একটি সুসংহত Vue 3 UI কম্পোনেন্ট লাইব্রেরি, যা ৬০টির বেশি টাইপসেফ কম্পোনেন্ট, কাস্টমাইজযোগ্য থিম টোকেন এবং @arco-design/web-vue npm প্যাকেজ অফার করে।
ডেভেলপারদের জন্য ডিজাইন সিস্টেম সংক্রান্ত বুকমার্ক, রিসোর্স, নিবন্ধ এবং টুলের একটি সংগৃহীত ইংরেজি তালিকা, যেখানে ডিজাইন টুল, ডিজাইন টোকেন, প্যাটার্ন লাইব্রেরি, কম্পোনেন্ট টেস্টিং, বই এবং আলোচনার বিষয় অন্তর্ভুক্ত রয়েছে।
IBM-এর ওপেন সোর্স Carbon Design System-এর উপর ভিত্তি করে তৈরি একটি Svelte কম্পোনেন্ট লাইব্রেরি, যাতে ৯০টির বেশি অ্যাক্সেসিবল এবং টাইপড কম্পোনেন্ট, পাঁচটি বিল্ট-ইন থিম এবং আইকন, পিকটোগ্রাম ও চার্ট প্যাকেজ রয়েছে।
Tinte একটি ডিজাইন সিস্টেম কম্পাইলার যা একটি Agent Plugin তৈরি করে। এটি একটি রেফারেন্স থেকে আইডেন্টিটি এক্সট্রাক্ট করে SKILL.md এবং tokens.css তৈরি করে এবং টোকেন বহির্ভূত রঙের জন্য লিন্টিং করে।
Bezier React একটি মনোরিপো যার প্রধান প্যাকেজটি হলো Bezier ডিজাইন সিস্টেম বাস্তবায়িত একটি React কম্পোনেন্ট লাইব্রেরি, যার সাথে আইকন, ডিজাইন টোকেন, codemod, Figma প্লাগইন এবং Stylelint প্যাকেজ রয়েছে।
বাস্তব ওয়েবসাইট এবং ব্র্যান্ডগুলি থেকে সংগ্রহ করা DESIGN.md ফাইলগুলির একটি কিউরেটেড সংগ্রহ। আপনার প্রজেক্টে একটি DESIGN.md ফাইল রাখুন এবং AI কোডিং এজেন্টদের সেই ব্র্যান্ডের ভিজ্যুয়াল আইডেন্টিটি, রঙ, টাইপোগ্রাফি এবং লেআউট প্যাটার্নের সাথে সামঞ্জস্যপূর্ণ UI তৈরি করতে দিন।
Welcome UI হলো Welcome to the Jungle (@wttj) কর্তৃক ওপেন-সোর্স করা একটি কাস্টমাইজেবল ডিজাইন সিস্টেম। এটি React, TypeScript, Tailwind CSS এবং Ariakit ব্যবহার করে তৈরি, যা সুন্দর ওয়েব অ্যাপ্লিকেশন তৈরির জন্য প্রয়োজনীয় কোর কম্পোনেন্ট সংগ্রহ করে।
সিস্টেম ডিজাইন প্রাইমার হলো স্কেলেবল আর্কিটেকচার শেখা এবং সিস্টেম ডিজাইন ইন্টারভিউয়ের প্রস্তুতির জন্য একটি ওপেন-সোর্স গাইড, যেখানে সংগঠিত রিসোর্স, সমাধান করা অনুশীলনী এবং Anki ফ্ল্যাশকার্ড রয়েছে।
brandmd হলো একটি CLI যা কোনো ওয়েবসাইটের ডিজাইন সিস্টেম থেকে একটি spec-valid DESIGN.md ফাইল তৈরি করে যা @google/design.md লিন্টার দ্বারা স্বীকৃত। এটি Claude Code এবং Cursor-এর মতো কোডিং এজেন্টদের UI লেখার আগে ব্র্যান্ড কনটেক্সট প্রদান করে।