Awesome GitHub RepositoriesComponent Libraries

Shoelace is a web component UI library consisting of a suite of accessible, framework-agnostic user interface elements. It provides a collection of custom element components and reusable HTML tags that encapsulate style and behavior to work across any JavaScript framework or plain HTML pages. The system is designed as a themable UI component system, utilizing CSS variables to manage visual themes and dark mode support. This allows for the implementation of custom design systems and a consistent visual language across web environments. The library covers broader capabilities in accessible int

Wired-elements هي مكتبة مكونات ويب مرسومة باليد توفر مجموعة من عناصر HTML المنمقة لبناء الهياكل السلكية (wireframes) والنماذج الأولية. تعمل كإطار عمل لواجهة مستخدم للهيكلة السلكية يتيح إنشاء نماذج أولية منخفضة الدقة بجمالية تخطيطية يدوية. توفر المكتبة مكونات لتصميم الويب المرسوم باليد والنماذج الأولية السريعة لواجهة المستخدم. تم تصميم هذه العناصر لدعم الهيكلة السلكية منخفضة الدقة لتخطيط واجهات المستخدم واختبار التخطيطات قبل التطوير عالي الدقة. يستخدم المشروع بنية مكونات ويب مع رسومات متجهة قائمة على SVG للحفاظ على مظهر مرسوم باليد متسق. ويدعم التكامل في أطر عمل JavaScript مختلفة ويستخدم متغيرات CSS لتصميم سمات سمك الخط والألوان.

Wired Elements is a hand-drawn web component library and custom element UI kit. It provides a set of low-fidelity visual building blocks designed to produce a rough, non-polished aesthetic for early-stage design iterations. The framework enables the creation of rapid UI prototypes, low-fidelity wireframes, and conceptual UX mappings. It uses a sketched appearance to help focus iterations on layout and functionality rather than final visual polish. The library utilizes SVG-based path rendering and web component encapsulation to deliver its hand-drawn style. Visual states are managed through e

هذا المشروع هو إطار عمل واجهة مستخدم معياري لتطبيقات Vue يوفر مجموعة من المكونات القابلة لإعادة الاستخدام والمبنية باستخدام Tailwind CSS. يعمل كأداة نظام تصميم تعتمد على التهيئة، مما يمكن المطورين من الحفاظ على الاتساق المرئي عبر التطبيقات المعقدة من خلال إدارة السمات المركزية والتصميم القائم على الأدوات المساعدة (utility-based). تتميز المكتبة بمعمارية قابلة للتهيئة بدرجة عالية تدعم تعيين الأنماط القائم على المتغيرات وتخصيص مثيل المكون. يمكن للمطورين تحديد الإعدادات الافتراضية العالمية أو إنشاء إصدارات متعددة من نفس عنصر الواجهة، مما يسمح بالتبديل المرئي الديناميكي وتجاوزات الخصائص المحددة دون تكرار الكود. يضمن هذا النهج بقاء المكونات مرنة مع الالتزام بلغة تصميم موحدة. يغطي إطار العمل مجموعة واسعة من متطلبات الواجهة، بما في ذلك أدوات متخصصة لاختيار التاريخ والوقت وتصميم مدخلات النماذج المهيكلة. ويؤكد على الأداء من خلال دعم تحسينات وقت البناء، مثل استيراد المكونات الانتقائي وإزالة تعريفات الأنماط غير المستخدمة، لتقليل حجم حزمة التطبيق النهائية.