Awesome GitHub RepositoriesKeyboard-Accessible Dropdowns

Melt UI هي مكتبة واجهة مستخدم (UI) بدون نمط (headless) لـ Svelte توفر مجموعة من منشئي المكونات التي يمكن الوصول إليها. تعمل كإطار عمل للمكونات وأداة لإدارة الحالة، حيث توفر المنطق والحالة اللازمين لبناء عناصر واجهة تتبع معايير WAI-ARIA وتدعم التنقل عبر لوحة المفاتيح دون فرض أنماط مرئية محددة. تتميز المكتبة بمحرك تحديد موضع للعناصر العائمة يدير وضع النوافذ المنبثقة (popovers)، وتلميحات الأدوات (tooltips)، والقوائم بالنسبة لعناصر التفعيل. يستخدم هذا النظام بوابات (portals) لمنع قص التخطيط ويتضمن منعاً تلقائياً للتجاوز لضمان بقاء العناصر ضمن حدود الشاشة. تغطي مجموعة الأدوات نطاقاً واسعاً من مكونات واجهة المستخدم الوظيفية، بما في ذلك عناصر النماذج مثل القوائم المنسدلة (comboboxes) وأشرطة التمرير، وأنماط التنقل مثل طرق عرض الشجرة وعلامات التبويب، وأدوات التراكب مثل مربعات الحوار. كما توفر واجهات متخصصة لاختيار التاريخ والوقت، بالإضافة إلى مكونات التخطيط مثل الأكورديون وأشرطة الأدوات.

This project is a collection of pre-built, reusable interface components designed for web applications that utilize StimulusJS and TailwindCSS. It functions as a frontend interaction framework, providing a set of standard UI elements that manage state and user behavior through declarative controller patterns. The library distinguishes itself by integrating utility-first styling with accessible component authoring. It leverages HTML attributes to bind JavaScript logic directly to DOM elements, enabling developers to implement complex interactions like modals, dropdowns, and tabbed content with