Awesome GitHub RepositoriesUI Masking Layers

MBProgressHUD is an Objective-C UI component and progress HUD library for iOS. It provides a screen-blocking activity indicator overlay that informs users of ongoing background processes using customizable icons and status labels. The library manages translucent interface layers to provide background task feedback and overlay management. It visualizes the completion percentage of long-running tasks through a dynamic overlay that prevents user interaction until a process completes.

react-native-skia is a cross-platform graphics framework that provides a high-performance 2D graphics engine for rendering shapes, paths, and images. It functions as a vector graphics engine and UI animation toolkit, allowing for hardware-accelerated visuals across mobile and web platforms. The project is distinguished by its integration of the Skia 2D graphics library, enabling a shader and filter pipeline for complex pixel-level effects. It supports the rendering of Lottie animations exported from After Effects and the execution of animations directly on the UI thread to maintain fluid moti

ShowcaseView هي مكتبة تراكب واجهة مستخدم لنظام iOS وإطار عمل لتوجيه المستخدم. توفر مكونًا لتسليط الضوء على الميزات القابلة للتخصيص، مصممًا لعزل وتأكيد أزرار أو أقسام معينة في واجهة المستخدم للهاتف المحمول بصريًا. تتيح المكتبة إنشاء جولات تفاعلية للمنتج واكتشاف الميزات داخل التطبيق من خلال لفت الانتباه إلى عناصر واجهة محددة. كما تسمح بتخصيص مظهر التمييز، بما في ذلك الألوان والأشكال، لتتناسب مع المظهر البصري للتطبيق. يدير إطار العمل تجربة توجيه المستخدم من خلال تسليط الضوء على عناصر واجهة المستخدم وإرشاد المستخدمين عبر سلسلة من مكونات الواجهة.

TOCropViewController هو وحدة تحكم عرض UIKit مصممة لاقتصاص الصور وتدويرها داخل تطبيقات iOS. توفر واجهة تحرير صور مرئية تسمح باستخراج أقسام محددة من الصور باستخدام شبكة تراكب قابلة للسحب. يدعم المكون اختيار نسبة العرض إلى الارتفاع المخصصة والقناع الدائري لضمان ملاءمة الصور للتخطيطات المحددة مسبقًا، مثل تلك المطلوبة لتحرير صور الملف الشخصي. يتضمن واجهة مخصصة لتغيير اتجاه الصورة وإجراء تعديلات التدوير. تتعامل الأداة مع معالجة الصور عن طريق ترجمة مواضع شبكة واجهة المستخدم إلى إحداثيات بكسل وتصدير محتوى الاقتصاص الناتج. تتم إدارة الاتصال مع التطبيق المستدعي من خلال بروتوكول نقل بيانات يعتمد على المندوب (delegate).

maptalks.js هي مكتبة عرض خرائط JavaScript وإطار عمل تفاعل خرائط ويب يستخدم لعرض البيانات الجغرافية التفاعلية ثنائية وثلاثية الأبعاد على لوحة ويب. تعمل كمحرك جغرافي مكاني ثلاثي الأبعاد يدعم تنسيقات 3DTiles وGLTF، وأداة تصور GeoJSON، ومكتبة تحليل مكاني. يتميز المشروع بالعرض عالي الأداء والرسوم المتحركة الجغرافية المكانية الديناميكية، بما في ذلك القدرة على محاكاة تدفق حركة المرور وتنفيذ انتقالات مرئية سلسة لعناصر الخريطة. يوفر أدوات شاملة لتحرير الهندسة التفاعلية، مما يسمح للمستخدمين برسم وتعديل الأشكال المتجهة، والدوائر، ومنحنيات بيزييه مباشرة على الخريطة. تغطي المكتبة مجموعة واسعة من القدرات، بما في ذلك التحليل الجغرافي المكاني لحساب المسافات والمساحات، وتحويل نظام الإحداثيات، وإدارة الطبقات المعقدة. تتضمن مجموعة واجهة مستخدم واسعة مع نوافذ معلومات، وقوائم سياق، ولوحات تحكم مخصصة للخرائط. يتم التعامل مع تكامل البيانات من خلال سير عمل GeoJSON، وجلب الموارد عن بعد، وأدوات التسلسل التي تصدر حالات الخريطة والهندسة إلى JSON.

هذا المشروع هو دليل تقني ومكتبة تنفيذ للتأثيرات البصرية المتقدمة والرسوم المتحركة المسرعة بالأجهزة باستخدام إطار عمل Core Animation على iOS. يوفر مرجعاً شاملاً لإنشاء رسومات متحركة عالية الأداء، وعرض رسومي مخصص، وبناء محركات ثلاثية الأبعاد باستخدام تحويلات المنظور ومعالجة المحور Z. تتميز المجموعة بتركيز عميق على تحسين عرض GPU وأداء الرسومات. وتغطي استراتيجيات متقدمة للحفاظ على معدلات إطارات عالية، مثل تقليل العرض خارج الشاشة عبر تحسين مسار الظل، وتنفيذ تحميل وفك ضغط الصور غير المتزامن، واستخدام التخزين المؤقت للمحتوى القائم على التنقيط (rasterization). يغطي المشروع مجموعة واسعة من مجالات القدرة، بما في ذلك بناء الكائنات ثلاثية الأبعاد، وإنشاء نظام الجسيمات، ودمج بيانات مستشعر الجهاز للرسوم المتحركة القائمة على الفيزياء. كما يفصل التحكم المعقد في الرسوم المتحركة، بدءاً من استيفاء الإطارات الرئيسية ومنحنيات التوقيت المخصصة إلى مسح الرسوم المتحركة اليدوي وتعديل سرعة التشغيل. تشمل التغطية الإضافية إدارة التخطيط المكاني، ورسم أشكال المتجهات، وتشخيصات لقياس استخدام GPU وتحليل أداء العرض.

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

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

GuideView is an Android user onboarding library and UI masking framework used to create guided tours and feature tutorials. It provides utilities for identifying and visually isolating specific Android views by drawing semi-transparent overlays with highlighted holes to focus user attention. The library implements a system for chaining multiple instructional steps together, allowing for the sequencing of highlight pages in a specific order. It supports the attachment of custom text, images, or animations near highlighted views to provide instructional context. The framework manages visual tr

Animsition is a CSS page transition library and frontend motion framework designed to create fluid visual effects, such as fades and zooms, between web pages. It functions as a DOM navigation animator that manages the timing and sequence of page removal and insertion to provide continuous movement between screens. The system operates as a page overlay animator, utilizing a coordinate-based slide controller to move covering elements across the screen in specific directions. These overlays mask background changes during transitions to maintain visual continuity. The framework leverages hardwar