Awesome GitHub RepositoriesRipple Effects

هذا المشروع هو مجموعة شاملة من مقتطفات الكود القابلة لإعادة الاستخدام، والخطافات المخصصة، وأنماط التنفيذ لبناء واجهات المستخدم باستخدام React. يعمل كمكتبة من الأمثلة القصيرة المصممة لحل مهام التطوير الشائعة، بدءاً من إدارة الحالة إلى تكامل DOM. توفر المجموعة مجموعة واسعة من الأدوات المتخصصة للتفاعل مع واجهات برمجة تطبيقات المتصفح، بما في ذلك تتبع أبعاد النافذة، وتقييم استعلام الوسائط، ومراقبة حالة الاتصال. كما تتضمن أدلة عملية ومقتطفات لتحسين الأداء، مثل التخزين المؤقت (memoization)، والتحميل الكسول، وإلغاء ارتداد تغيير الحالة. تغطي مجالات القدرات الواسعة تنفيذ مكونات واجهة المستخدم التفاعلية مثل النوافذ المنبثقة، وشرائح العرض، والواجهات المتبوبة، بالإضافة إلى الأنماط المعمارية لجلب البيانات، واستمرار الحالة، والتحقق من التحديث غير المتزامن. تتضمن المكتبة أيضاً أدوات لإدارة النماذج، ومعالجة الأحداث، ومزامنة التوجيه عبر تتبع حالة URL.

XUI هو إطار عمل لواجهة مستخدم Android ومكتبة مكونات مصممة لبناء واجهات التطبيقات. يوفر مجموعة شاملة من التخطيطات الأصلية، وحقول الإدخال، وعناصر التنقل، مدعومة بنظام إدارة سمات متعدد المستويات لتعريف السمات البصرية العالمية والأنماط المتجاوبة. يتميز إطار العمل بمجموعة متخصصة من طرق العرض المخصصة ومجموعات أدوات التفاعل، بما في ذلك تقويمات عالية الأداء، وعرض تصور البيانات، ومجموعة متنوعة من الأزرار المصممة مع مؤقتات مدمجة وتأثيرات بصرية. كما يتضمن إمكانيات معالجة الوسائط المتكاملة مثل مسح الباركود ورموز QR، وتوليد QR مخصص، وواجهة قص الصور. يغطي المشروع نطاقاً واسعاً من قدرات واجهة المستخدم وتجربة المستخدم، بما في ذلك مكونات إدخال البيانات المتنوعة، وبدائيات النوافذ العائمة، ومجموعة واسعة من مؤشرات التغذية الراجعة مثل snackbars ومقاييس التقدم. كما يوفر قوالب التخطيط، وتكوين الطباعة، وأنظمة الرسوم المتحركة لإدارة انتقالات العرض والتغذية الراجعة التفاعلية.

InstaMaterial هو تنفيذ واجهة وسائط اجتماعية بتصميم Material لنظام Android. يعمل كإطار عمل لواجهة تطبيق الهاتف والتنقل يتميز بخلاصات محتوى قابلة للتمرير، وملفات تعريف المستخدمين، وعناصر تفاعل اجتماعي تفاعلية. يتميز المشروع بتصميمه الحركي المعقد، بما في ذلك حركات الكشف الدائرية التي تنتقل بين الشاشات من إحداثيات لمس محددة وتأثيرات دخول متسلسلة تنسق الترجمة، والشفافية (alpha)، وتحويلات القياس. كما ينفذ نظام تكامل كاميرا مخصص يستخدم تظليلات (shaders) لاقتصاص الصور الدائري ومعالجة الصور النقطية ضمن سير عمل نشر الصور. يغطي إطار العمل مجموعة واسعة من قدرات الواجهة، بما في ذلك إدارة مكدس النشاط، وحقن درج التنقل البرمجي، وإدارة الخلاصة الاجتماعية. يدمج تصميم المكونات التفاعلية مع ردود الفعل الموجية، وتبديل النص القائم على الحالة للعدادات الرقمية، وحركات متخصصة لأخطاء الإدخال وتقدم التحميل.

RippleEffect is a library and interaction framework for implementing Material Design ripple animations within Android applications. It provides tools to add animated visual feedback to interface elements to signal successful user interactions. The library allows for the customization of ripple effects, including adjustments to color, duration, and scale. It supports both configuration via attributes and dynamic adjustments through setter methods, and includes a listener interface to detect when a ripple animation has finished its execution.

Material Tailwind هو إطار عمل لواجهة مستخدم ويب متجاوبة ومكتبة مكونات مبنية باستخدام Tailwind CSS. توفر نظام تصميم قابلاً للتخصيص ينفذ مبادئ Material Design لتطبيقات الويب. يركز المشروع على نظام تصميم قابل للتخصيص، مما يسمح بتكوين السمة المركزي والتصميم القائم على الأدوات للحفاظ على الاتساق البصري عبر الواجهات. تتضمن المكتبة مجموعة واسعة من عناصر الواجهة القابلة لإعادة الاستخدام، تغطي هياكل التخطيط، وأنظمة التنقل، ومكونات التراكب. وتوفر أدوات متخصصة لبناء نماذج الويب، وعناصر التحكم في إدخال البيانات، ومؤشرات الحالة البصرية.

deprecated Android L Ripple effect wrapper for Views

A beautiful ripple animation for your app

هذه المكتبة عبارة عن إضافة jQuery توفر محاكاة تفاعلية لسطح السوائل مع تسريع العتاد لواجهات مستخدم الويب. تقوم بعرض رسوم متحركة واقعية لتموجات الماء فوق عناصر DOM الموجودة، مما يسمح للخلفيات الثابتة بالاستجابة ديناميكياً لمدخلات المستخدم. تتميز الإضافة باستخدام WebGL fragment shaders لحساب إزاحة البكسل وحركة السوائل في الوقت الفعلي. من خلال تعيين صور الخلفية كأنسجة (textures) وحقن اضطرابات قائمة على الإحداثيات، فإنها تخلق ردود فعل بصرية مستجيبة تتفاعل مع حركات الماوس والنقرات دون تعطيل بنية المستند الأساسية. يتضمن البرنامج مجموعة شاملة من عناصر التحكم لإدارة دورة حياة المحاكاة، بما في ذلك تشغيل التموجات برمجياً، وتبديل تشغيل الرسوم المتحركة، وإعدادات التكوين المرئي مثل كثافة الانكسار وحجم القطرة. تسمح هذه الميزات بتعديل دقة العرض والأداء لتناسب متطلبات الواجهة المحددة.

View that imitates Ripple Effect on click which was introduced in Android L (for Android 2.3+)