Awesome GitHub RepositoriesWireframing Component Frameworks

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

Redacted-Font هي مجموعة من الخطوط المتخصصة وملفات الخطوط المصممة لعرض النص كأشرطة تنقيح صلبة. تعمل كخط نائب للإطار السلكي يخفي محتوى النص مع الحفاظ على التخطيط والتباعد الأصليين. يوفر المشروع ملفات خطوط متوافقة مع كل من أنظمة التشغيل المحلية ومشاريع الويب. يتيح ذلك إخفاء النص داخل برامج التصميم المكتبي وتضمين أنماط التنقيح في بيئات الويب عبر مجموعات font-face. تُستخدم هذه الخطوط للنماذج الأولية لتخطيط واجهة المستخدم وإخفاء محتوى الإطار السلكي لتحويل التركيز من نص محدد إلى الهيكل البصري العام. يستخدم النظام تعريفات خطوط تعتمد على المتجهات وتعيين unicode لضمان استبدال الأحرف بأشرطة قياس عبر دقات وشاشات مختلفة.

react-native-linear-gradient is a cross-platform mobile UI component used to render linear color transitions and backgrounds. It provides a customizable view that creates smooth transitions between multiple colors along a straight line. The project includes a text gradient mask, which allows text characters to be filled with color gradients using masking techniques rather than single solid colors. It also provides an animated gradient component capable of changing color properties over time to create moving visual effects. The component handles linear gradient rendering via configurable star