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

DiceBear একটি ওপেন-সোর্স অ্যাভাটার লাইব্রেরি যা যেকোনো সিড স্ট্রিং থেকে ৬৩টি স্টাইলে SVG অ্যাভাটার তৈরি করে, সাথে সাতটি ভাষার নেটিভ লাইব্রেরি, HTTP API, CLI এবং এডিটর রয়েছে।

Flowbite হলো Tailwind CSS-এর উপর ভিত্তি করে তৈরি একটি ওপেন-সোর্স UI কম্পোনেন্ট লাইব্রেরি, যা ডাটা অ্যাট্রিবিউট দ্বারা চালিত মোডাল, ড্রপডাউন এবং ডেটপিকারের মতো ইন্টারঅ্যাক্টিভ কম্পোনেন্ট প্রদান করে।

designlang হলো একটি Playwright-ভিত্তিক CLI যা ওয়েবসাইটের DOM থেকে DTCG টোকেন, Tailwind কনফিগ, Figma ভেরিয়েবল, shadcn থিম, কম্পোনেন্ট অ্যানাটমি, মুভমেন্ট টোকেন, ব্র্যান্ড ভয়েস, WCAG কন্ট্রাস্ট এবং মাল্টি-প্ল্যাটফর্ম এমিটারসহ একটি সম্পূর্ণ ডিজাইন সিস্টেম এক্সট্রাক্ট করে।

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

Bezier React একটি মনোরিপো যার প্রধান প্যাকেজটি হলো Bezier ডিজাইন সিস্টেম বাস্তবায়িত একটি React কম্পোনেন্ট লাইব্রেরি, যার সাথে আইকন, ডিজাইন টোকেন, codemod, Figma প্লাগইন এবং Stylelint প্যাকেজ রয়েছে।

বাস্তব ওয়েবসাইট এবং ব্র্যান্ডগুলি থেকে সংগ্রহ করা DESIGN.md ফাইলগুলির একটি কিউরেটেড সংগ্রহ। আপনার প্রজেক্টে একটি DESIGN.md ফাইল রাখুন এবং AI কোডিং এজেন্টদের সেই ব্র্যান্ডের ভিজ্যুয়াল আইডেন্টিটি, রঙ, টাইপোগ্রাফি এবং লেআউট প্যাটার্নের সাথে সামঞ্জস্যপূর্ণ UI তৈরি করতে দিন।

work-with-design-systems রিপোজিটরিতে একটি ক্লোড স্কিল রয়েছে যা ক্লোড কোড, কার্সর এবং কোডেক্সের সাথে ফিগমা ডিজাইন সিস্টেম পরিচালনা করে। এতে ইন্সপেক্ট (শুধুমাত্র পড়ার) মোড ও বিল্ড মোড আছে, যা টোকেন সামঞ্জস্য, WCAG অ্যাক্সেসিবিলিটি, কম্পোনেন্ট বিবরণ ইত্যাদি অডিট ও তিন-স্তরের tokens.css, AI রুল ফাইল ও CI-রেডি অডিট স্ক্রিপ্ট এক্সপোর্ট করে।